国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue2.0+axios+elementUI實(shí)現(xiàn)增刪改查

rollback / 1855人閱讀

最近嘗試使用vue+element實(shí)現(xiàn)增刪改查功能，在實(shí)現(xiàn)的過(guò)程中遇到了蠻多問(wèn)題，現(xiàn)在總結(jié)如下：
首先安裝相關(guān)的插件
1、根據(jù)vue官網(wǎng)推薦，使用axios進(jìn)行前后臺(tái)交互，安裝axios
npm install axios -S
2、安裝elementUI，官網(wǎng)
npm i element-ui -S
3、安裝 loader 模塊
npm install style-loader -D
npm install css-loader -D

接下來(lái)進(jìn)行相關(guān)配置
1、在build目錄下的webpack.base.conf.js文件中添加如下代碼
{

test: /.sass$/,
loaders: ["style", "css", "sass"]

}
2、在main.js中引入
import ElementUI from ‘element-ui‘
import ‘element-ui/lib/theme-default/index.css‘
Vue.use(ElementUI)

接下來(lái)實(shí)現(xiàn)增刪改查功能
貼出table.vue（目前實(shí)現(xiàn)了增、刪兩個(gè)功能）

上面代碼中最重要的一點(diǎn)是后臺(tái)可能接收不到前端數(shù)據(jù)，解決方案代碼中已經(jīng)給出，具體原因沒(méi)有寫明，大家想看可以看
https://blog.csdn.net/csdn_yu...
這篇博客寫的比較清楚
我采用的是第一種方法：
在main.js文件中添加
axios.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";
然后在調(diào)用接口時(shí)使用 URLSearchParams 傳遞參數(shù)，例如獲取用戶數(shù)據(jù)時(shí)
let para = new URLSearchParams();
para.append("author", this.filters.author); // append中的author、id、idArray都是要和后臺(tái)提供的參數(shù)相同，不然數(shù)據(jù)參數(shù)將傳不過(guò)去
this.$ajax({
methods: "post",
url: "http://xxx.xx.xxx.xxx:8099/InfoManage/bookList",
data: para,
}).then(res => {
console.log(res);
}).catch( err => {
console.log(err);
})

其實(shí)，實(shí)現(xiàn)增刪改查最重要的是在找到正確的參數(shù)，并將參數(shù)傳遞給后臺(tái)，功能的實(shí)現(xiàn)主要是后臺(tái)，前端只負(fù)責(zé)數(shù)據(jù)展示。
增刪改查功能全部實(shí)現(xiàn)。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/96452.html

相關(guān)文章

  • vue2.0-基于elementui換膚[自定義主題]

    摘要：直接上預(yù)覽鏈接基于換膚自定義主題項(xiàng)目增加主題組件在項(xiàng)目的下添加文件夾文件獲取地址項(xiàng)目增加自定義主題自定義添加主題下載地址項(xiàng)目引入和使用選擇你想要隨主題改變的元素在里面，不希望隨主題改變的可以注釋掉選擇皮膚之后把記錄存在里面。 0. 直接上 預(yù)覽鏈接 [vue2.0-基于elementui換膚[自定義主題]](https://mgbq.github.io/vue-pe... 1. ...

    lx1036 評(píng)論0 收藏0

  • vue2.0-基于elementui換膚[自定義主題]

    摘要：直接上預(yù)覽鏈接基于換膚自定義主題項(xiàng)目增加主題組件在項(xiàng)目的下添加文件夾文件獲取地址項(xiàng)目增加自定義主題自定義添加主題下載地址項(xiàng)目引入和使用選擇你想要隨主題改變的元素在里面，不希望隨主題改變的可以注釋掉選擇皮膚之后把記錄存在里面。 0. 直接上 預(yù)覽鏈接 [vue2.0-基于elementui換膚[自定義主題]](https://mgbq.github.io/vue-pe... 1. ...

    scwang90 評(píng)論0 收藏0

  • Vue國(guó)際化處理 vue-i18n 以及項(xiàng)目自動(dòng)切換中英文

    摘要：直接上預(yù)覽鏈接國(guó)際化處理以及項(xiàng)目自動(dòng)切換中英文環(huán)境搭建命令進(jìn)入項(xiàng)目目錄，執(zhí)行以下命令安裝國(guó)際化插件項(xiàng)目增加國(guó)際化翻譯文件在項(xiàng)目的下添加文件夾增加中文翻譯文件以及英文翻譯文件，里面分別存儲(chǔ)項(xiàng)目中需要翻譯的信息。 0. 直接上 預(yù)覽鏈接 Vue國(guó)際化處理 vue-i18n 以及項(xiàng)目自動(dòng)切換中英文 1. 環(huán)境搭建 命令進(jìn)入項(xiàng)目目錄，執(zhí)行以下命令安裝vue 國(guó)際化插件vue-i18n...

    wangtdgoodluck 評(píng)論0 收藏0

  • 一個(gè)完整的增刪改查模塊（以我們的項(xiàng)目‘危化品庫(kù)管理’模塊為例）

    摘要：父組件列表頁(yè)面危化品庫(kù)管理添加搜索危化品名稱號(hào)危化品類型請(qǐng)選擇危化品類型別名查詢導(dǎo)出列表展示序號(hào) 父組件列表頁(yè)面 ...

    Carl 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<