最近做的項目中，有增刪改表格功能，在操作后需要實時更新頁面數據。下面可以這樣解決。
1、在methods中 定義好一個初始化渲染實例。
例如
lnitializationData(){//初始化頁面數據
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、在你的添加方法中調用這個實例，即可實現實時更新。
例如
add: function (index) { //添加通行證細類
this.dialogFormVisible=false
this.$http.post("/permit/specific", this.form //通行證類型
, {
headers: {token: this.tokenVal},
}
).then((response) => {
this.lnitializationData()//請求成功后調用初始化函數，vue會自動更新dmo
})
},
以上這篇vue form 表單提交后刷新頁面的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
