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