最近用到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就是組件中的賦值方法。