vue form 表單提交后刷新頁(yè)面的方法
更新時(shí)間：2018年09月04日 11:55:05 作者：愛(ài)吃排骨
今天小編就為大家分享一篇vue form 表單提交后刷新頁(yè)面的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
最近做的項(xiàng)目中，有增刪改表格功能，在操作后需要實(shí)時(shí)更新頁(yè)面數(shù)據(jù)。下面可以這樣解決。
1、在methods中 定義好一個(gè)初始化渲染實(shí)例。
例如
lnitializationData(){//初始化頁(yè)面數(shù)據(jù)
this.$http.get("/permit/specific", {
params: {
page: this.localPage,
size: this.msg.pagNumber,
}
},
{emulateJSON: true}
).then((response) => {
this.msg.pagTotal = response.data.data.totalElements;
this.systManage = response.data.data.content;
})
2、在你的添加方法中調(diào)用這個(gè)實(shí)例，即可實(shí)現(xiàn)實(shí)時(shí)更新。
例如
add: function (index) { //添加通行證細(xì)類
this.dialogFormVisible=false
this.$http.post("/permit/specific", this.form //通行證類型
, {
headers: {token: this.tokenVal},
}
).then((response) => {
this.lnitializationData()//請(qǐng)求成功后調(diào)用初始化函數(shù)，vue會(huì)自動(dòng)更新dmo
})
},
以上這篇vue form 表單提交后刷新頁(yè)面的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue3使用vue-qrcode-reader實(shí)現(xiàn)掃碼綁定設(shè)備功能(推薦)
本文介紹了在Vue3中使用vue-qrcode-reader版本5.5.7來(lái)實(shí)現(xiàn)移動(dòng)端的掃碼綁定設(shè)備功能,用戶通過(guò)掃描二維碼自動(dòng)獲取設(shè)備序列號(hào),并填充到添加設(shè)備界面,完成設(shè)備綁定的全過(guò)程,包含ScanCode.vue和DeviceAdd.vue兩個(gè)主要界面的實(shí)現(xiàn)方式2024-10-10
談?wù)剬?duì)vue響應(yīng)式數(shù)據(jù)更新的誤解
本篇文章主要介紹了談?wù)剬?duì)vue響應(yīng)式數(shù)據(jù)更新的誤解，深入了解了vue響應(yīng)式數(shù)據(jù)，有興趣的可以了解一下2017-08-08
Vue使用v-model封裝el-pagination組件的全過(guò)程
通過(guò)封裝el-pagination組件開(kāi)發(fā)自定義分頁(yè)組件的類似文章網(wǎng)上已經(jīng)有很多了，但看了一圈，總是不如意，于是決定還是自己動(dòng)手搞一個(gè)，對(duì)v-model封裝el-pagination組件相關(guān)知識(shí)感興趣的朋友一起看看吧2021-07-07
這篇文章主要介紹了原理深度解析Vue的響應(yīng)式更新比React快，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
vue如何解決watch和methods值執(zhí)行順序問(wèn)題
這篇文章主要介紹了vue如何解決watch和methods值執(zhí)行順序問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
詳解.vue文件中監(jiān)聽(tīng)input輸入事件（oninput）
本篇文章主要介紹了詳解.vue文件中監(jiān)聽(tīng)input輸入事件（oninput），小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
vue-cli5.0?webpack?采用?copy-webpack-plugin?打包復(fù)制文件的方法
今天就好好說(shuō)說(shuō)vue-cli5.0種使用copy-webpack-plugin插件該如何配置的問(wèn)題。這里我們安裝的 copy-webpack-plugin 的版本是 ^11.0.0，感興趣的朋友一起看看吧2022-06-06
基于el-tree實(shí)現(xiàn)懶加載穿梭條的示例代碼
這篇文章主要介紹了基于el-tree實(shí)現(xiàn)懶加載穿梭條的示例代碼,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-03-03
vue指令只能輸入正數(shù)并且只能輸入一個(gè)小數(shù)點(diǎn)的方法
這篇文章主要介紹了vue指令只能輸入正數(shù)并且只能輸入一個(gè)小數(shù)點(diǎn)的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
axios前端訪問(wèn)后端攜帶cookie的代碼實(shí)例
當(dāng)用戶在網(wǎng)站登錄后,服務(wù)器會(huì)在其瀏覽器上設(shè)置一個(gè)包含登錄信息的Cookie,通過(guò)這個(gè)Cookie,服務(wù)器能夠識(shí)別用戶是否已登錄,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09