当elementui的eldialog组件中包含子组件时，用refs调用子组件时的undefined问题

今天写VUE时我在element-ui的el-dialog组件中包含了一个子组件。

Editor为子组件

然后我通过$refs调用该子组件里面的方法&＃xff0c;在控制台上却显示undefined。

init方法为dialog弹窗时才会触发的方法

&＃39;setHtml&＃39; of undefined"

因为自己之前用过refs来调用子组件方法&＃xff0c;但是没有遇到过这种问题&＃xff0c;很是无奈加之彷徨。

后来在度娘怀里遨游一番&＃xff0c;发现和element-ui框架有关系&＃xff0c;总之什么关系呢&＃xff0c;我也说不清啦。

直接看解决方法吧。

首先&＃xff0c;你要确保你的e-dialog组件内已经加了回调函数  &＃64;open&＃xff08;具体使用方法点击查看element-ui官方文档&＃xff09;

&＃64;open&＃61;“init()”

然后在methods里的init方法内改造之下面这个样子啦&＃xff1a;

this.$nextTick(()&＃61;>{ xxxxxx })

其实就是加上一个this.$nextTick啦&＃xff0c;这个回调函数的意思呢&＃xff0c;其实简单理解就是等所有的DOM元素节点都渲染完成以后才执行其里面的方法。具体什么意思呢&＃xff0c;请参考百度&＃xff0c;这里就不做详细介绍了。

作者&＃xff1a;风中凌乱的男子
链接&＃xff1a;https://www.jianshu.com/p/d90984d6cb3a
来源&＃xff1a;简书
著作权归作者所有。商业转载请联系作者获得授权&＃xff0c;非商业转载请注明出处。