雪梅零落

日常笔记

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

代码:

<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

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xuaner8786/article/details/79961337
文章标签: nextTick el-dialog vue
个人分类: Vue
所属专栏: Vue 踩坑之旅
上一篇moment 格式化日期
下一篇盘点历史上曾肆虐一时的电脑病毒,你知道几种?
想对作者说点什么? 我来说一句

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

关闭
关闭