vue form 表單提交后刷新頁面的方法
更新時間：2018年09月04日 11:55:05 作者：愛吃排骨
今天小編就為大家分享一篇vue form 表單提交后刷新頁面的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
最近做的項目中，有增刪改表格功能，在操作后需要實時更新頁面數(shù)據(jù)。下面可以這樣解決。
1、在methods中 定義好一個初始化渲染實例。
例如
lnitializationData(){//初始化頁面數(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)用這個實例，即可實現(xiàn)實時更新。
例如
add: function (index) { //添加通行證細(xì)類
this.dialogFormVisible=false
this.$http.post("/permit/specific", this.form //通行證類型
, {
headers: {token: this.tokenVal},
}
).then((response) => {
this.lnitializationData()//請求成功后調(diào)用初始化函數(shù)，vue會自動更新dmo
})
},
以上這篇vue form 表單提交后刷新頁面的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家介紹了Vue之TodoList的案例，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助<BR>2021-11-11
這篇文章主要介紹了vue3.0中的computed寫法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
vuejs開發(fā)組件分享之H5圖片上傳、壓縮及拍照旋轉(zhuǎn)的問題處理
這篇文章主要介紹了vuejs開發(fā)組件分享之H5圖片上傳、壓縮及拍照旋轉(zhuǎn)的問題處理,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了如何使用Vite構(gòu)建vue項目的相關(guān)資料,本文主要介紹了Vite構(gòu)建Vue項目的詳細(xì)步驟,包括檢查node.js和pnpm的安裝,構(gòu)建Vite+Vue項目,利用HBuilderX導(dǎo)入項目,需要的朋友可以參考下2024-10-10
下面小編就為大家分享一篇解決VUEX兼容IE上的報錯問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了Vue 匿名、具名和作用域插槽的使用方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
vue實現(xiàn)桌面向網(wǎng)頁拖動文件的示例代碼(可顯示圖片/音頻/視頻)
這篇文章主要介紹了vue實現(xiàn)桌面向網(wǎng)頁拖動文件的示例代碼(可顯示圖片/音頻/視頻),本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-03-03
vue使用eventBus遇到數(shù)據(jù)不更新的問題及解決
這篇文章主要介紹了vue使用eventBus遇到數(shù)據(jù)不更新的問題及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
這篇文章主要為大家詳細(xì)介紹了vue+tp5實現(xiàn)簡單登錄功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
vue中利用simplemde實現(xiàn)markdown編輯器（增加圖片上傳功能）
這篇文章主要介紹了vue中利用simplemde實現(xiàn)markdown編輯器（增加圖片上傳功能）,本文通過實例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2019-04-04