el-dialog 弹窗获取里面子组件(异常问题)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xuaner8786/article/details/79961337

代码:

<el-dialog title="货物明细" :visible.sync="visible" custom-class="customDialog" size="small" top="3%">
    <v-hwmx ref="hwmxdialog" v-on:setHwmxVisible="setHwmxVisible"></v-hwmx>
</el-dialog>

问题:通过this.$refs.hwmxdialog拿不到子组件

console.log(this.$refs.hwmxdialog);//undefined

解决方法:

this.$nextTick(() => console.log(this.$refs.hwmxdialog));

nextTick文档:https://cn.vuejs.org/v2/api/#Vue-nextTick

类似问题文档:https://segmentfault.com/q/1010000012146949

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页