房产网站排名,做情侣网站,如何推广新品,五站合一网站建设问题描述 在没有进行任何操作的时候#xff0c;使用
this.$refs.xxxx 无法获取el-dialog中的内部元素#xff0c;这个问题会导致很多bug. 官方解释#xff0c;在open事件回调中进行#xff0c;但是open()是弹窗打开时候的会调#xff0c;有可能在此处获取的时候#xff…问题描述 在没有进行任何操作的时候使用
this.$refs.xxxx 无法获取el-dialog中的内部元素这个问题会导致很多bug. 官方解释在open事件回调中进行但是open()是弹窗打开时候的会调有可能在此处获取的时候还没有渲染成功导致依然获取不了。
1、可以通过定时器延时获取
el-dialog openedopenWebRtc() !--子组件 --web-rtc refwebrtc v-showshowWebRtcVideo :videoUrlWebRtcVideoUrl/web-rtc
/el-dialogopenWebRtc(){setTimeout(() {this.$refs.webrtc.start();}, 0);
},2、通过opend会调获取
el-dialog openedopenWebRtc() !--子组件 --web-rtc refwebrtc v-showshowWebRtcVideo :videoUrlWebRtcVideoUrl/web-rtc
/el-dialogopenWebRtc(){this.$refs.webrtc.start();
},3、 强制加载dialog中的内容 使用下面的代码就是将dialog强制加载一遍这个因为速度快肉眼是看不见加载的过程的
mounted() {this.updateInsertOpen true //:visible.syncopenthis.$refs.updateInsertDialog.rendered true //updateInsertDialog是dialog的ref;this.updateInsertOpen false}, 参考 element-UI 组件 dialog 中 ref 获取不到的问题解决方案
vue中el-dialog 中的内容没有预先加载因此无法获得内部元素的ref 的解决方案 使用强制提前加载dialog方法
