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ì)類(lèi)
this.dialogFormVisible=false
this.$http.post("/permit/specific", this.form //通行證類(lèi)型
, {
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)文章
這篇文章主要為大家介紹了Vue之TodoList的案例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助<BR>2021-11-11
這篇文章主要介紹了vue3.0中的computed寫(xiě)法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
vuejs開(kāi)發(fā)組件分享之H5圖片上傳、壓縮及拍照旋轉(zhuǎn)的問(wèn)題處理
這篇文章主要介紹了vuejs開(kāi)發(fā)組件分享之H5圖片上傳、壓縮及拍照旋轉(zhuǎn)的問(wèn)題處理,需要的朋友可以參考下2017-03-03
手把手教你如何使用Vite構(gòu)建vue項(xiàng)目
這篇文章主要介紹了如何使用Vite構(gòu)建vue項(xiàng)目的相關(guān)資料,本文主要介紹了Vite構(gòu)建Vue項(xiàng)目的詳細(xì)步驟,包括檢查node.js和pnpm的安裝,構(gòu)建Vite+Vue項(xiàng)目,利用HBuilderX導(dǎo)入項(xiàng)目,需要的朋友可以參考下2024-10-10
解決VUEX兼容IE上的報(bào)錯(cuò)問(wèn)題
下面小編就為大家分享一篇解決VUEX兼容IE上的報(bào)錯(cuò)問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
這篇文章主要介紹了Vue 匿名、具名和作用域插槽的使用方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-04-04
vue實(shí)現(xiàn)桌面向網(wǎng)頁(yè)拖動(dòng)文件的示例代碼(可顯示圖片/音頻/視頻)
這篇文章主要介紹了vue實(shí)現(xiàn)桌面向網(wǎng)頁(yè)拖動(dòng)文件的示例代碼(可顯示圖片/音頻/視頻),本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-03-03
vue使用eventBus遇到數(shù)據(jù)不更新的問(wèn)題及解決
這篇文章主要介紹了vue使用eventBus遇到數(shù)據(jù)不更新的問(wèn)題及解決,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
vue+tp5實(shí)現(xiàn)簡(jiǎn)單登錄功能
這篇文章主要為大家詳細(xì)介紹了vue+tp5實(shí)現(xiàn)簡(jiǎn)單登錄功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
vue中利用simplemde實(shí)現(xiàn)markdown編輯器（增加圖片上傳功能）
這篇文章主要介紹了vue中利用simplemde實(shí)現(xiàn)markdown編輯器（增加圖片上傳功能）,本文通過(guò)實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-04-04