您好,登錄后才能下訂單哦!
最近做的項目中,有增刪改表格功能,在操作后需要實時更新頁面數據。下面可以這樣解決。
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進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。