溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

vue form 表單提交后刷新頁(yè)面的方法

發(fā)布時(shí)間:2020-09-19 11:00:16 來(lái)源:腳本之家 閱讀:672 作者:愛(ài)吃排骨 欄目:web開(kāi)發(fā)

最近做的項(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è)參考,也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI