vue赋值后更新页面显示，重新加载页面

  • Z时代
  • 2024-01-10
  • 分类：综合

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就是组件中的赋值方法。

以上是 vue赋值后更新页面显示，重新加载页面 的全部内容， 来源链接： utcz.com/z/379447.html

回到顶部