美文网首页Vue大前端
父组件调用子组件方法,报undefined问题

父组件调用子组件方法,报undefined问题

作者: 左木北鱼 | 来源:发表于2018-12-11 11:07 被阅读0次
TypeError: Cannot read property 'open' of undefined
代码
实现效果:点击书本弹出dialog层,v-if=selected控制显示隐藏;
初始化时selected: undefined,dialog层不渲染;
点击触发:点击时,selected=book,dialog层开始渲染的同时调用dialog的子方法,这时dialog层可能还没有初始化完成,所以报undefined错误。
解决方法加延时处理
preview (book) {
  this.selected = book
    setTimeout(() => {
      this.$refs.dialog.open()
    }, 10)
}

相关文章

网友评论

    本文标题:父组件调用子组件方法,报undefined问题

    本文链接:https://www.haomeiwen.com/subject/brdshqtx.html