最近做的項(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è)參考，也希望大家多多支持腳本之家。

總結(jié)

以上是生活随笔為你收集整理的vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。