在vue中使用this.$refs报错undefined找不到子组件的方法

最近遇见个问题 在父组件调用子组件的方法时报错undefined
这种情况一般都是父组件调用子组件方法的时候,dom还没更新成功
可以使用 this.$nextTick
这个方法作用是当数据被修改后使用这个方法会回调获取更新后的dom再渲染出来
比如我要调用子组件passwordmodal的show方法

  this.$refs.passwordmodal.show(username);

可以改成上

      this.$nextTick(()=>{
          this.$refs.passwordmodal.show(username);
        })

你可能感兴趣的:(vue,javascript,vue.js)