vue賦值后更新頁面顯示,重新加載頁面


最近用到el-dialog列表雙擊后要把值傳到主界面顯示,但是主界面一開始是有默認值,后面值更新后頁面沒有變化。查了一下用到

vm.$nextTick

解釋用法:將回調延遲到下次DOM更新循環之后執行。在修改數據之后立即使用它,然后等待DOM更新。它跟全局方法 Vue.nextTick 一樣,不同的是回調的 this 自動綁定到調用它的實例上。

代碼如下

<Edit ref="childShow" style="background: green; display: inline" />
Edit為引入的組件,用this.ref.childShow獲取到引入組件的dom元素,然后就能調用組件中的賦值方法。
但是引入的組件值不會變,這時就要用到Vue.nextTick來加載數據了。
    this.$nextTick(() => {
      if (this.$refs.childShow !== undefined) {
        this.$refs.childShow.setTree('0000', '', '')
      }
    })
this.$refs.childShow.setTree就是組件中的賦值方法。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM