vue form 表單提交后刷新頁面的方法
最近做的項(xiàng)目中,有增刪改表格功能,在操作后需要實(shí)時(shí)更新頁面數(shù)據(jù)。下面可以這樣解決。
1、在methods中 定義好一個(gè)初始化渲染實(shí)例。
例如
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)用這個(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()//請求成功后調(diào)用初始化函數(shù),vue會(huì)自動(dòng)更新dmo }) },
以上這篇vue form 表單提交后刷新頁面的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vuejs開發(fā)組件分享之H5圖片上傳、壓縮及拍照旋轉(zhuǎn)的問題處理
這篇文章主要介紹了vuejs開發(fā)組件分享之H5圖片上傳、壓縮及拍照旋轉(zhuǎ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-10vue實(shí)現(xiàn)桌面向網(wǎng)頁拖動(dòng)文件的示例代碼(可顯示圖片/音頻/視頻)
這篇文章主要介紹了vue實(shí)現(xiàn)桌面向網(wǎng)頁拖動(dòng)文件的示例代碼(可顯示圖片/音頻/視頻),本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-03-03vue使用eventBus遇到數(shù)據(jù)不更新的問題及解決
這篇文章主要介紹了vue使用eventBus遇到數(shù)據(jù)不更新的問題及解決,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08vue中利用simplemde實(shí)現(xiàn)markdown編輯器(增加圖片上傳功能)
這篇文章主要介紹了vue中利用simplemde實(shí)現(xiàn)markdown編輯器(增加圖片上傳功能),本文通過實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-04-04