zoukankan      html  css  js  c++  java
  • 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就是组件中的赋值方法。
  • 相关阅读:
    MySQL命令2
    MySQL命令1
    前端之HTML1
    linux命令之df dh
    python call java jar
    redis-py中的坑
    YARN应用程序的开发步骤
    Yarn的服务库和事件库使用方法
    SSH无密码验证
    在centos 6.5 在virtual box 上 安装增强版工具
  • 原文地址:https://www.cnblogs.com/feipengting/p/13448085.html
Copyright © 2011-2022 走看看