【vue && 弹窗】vue项目弹窗中的组件编辑ref值却获取不到
vue项目中点击打开弹窗,弹窗上面有子组件,在点击打开弹窗的方法中使用this.$refs却获取不到子组件的ref值:简易代码如下:<a-modal centered v-model="visible" :title="title"><upload ref="upload" /></a-modal>js:handleOpenUpload(){this.visib
·
vue项目中点击打开弹窗,弹窗上面有子组件,在点击打开弹窗的方法中使用this.$refs却获取不到子组件的ref值:
简易代码如下:
<a-modal centered v-model="visible" :title="title">
<upload ref="upload" />
</a-modal>
js:
handleOpenUpload(){
this.visibleUpload = true;
console.log('refs',this.$refs.upload); //获取不到
}
解决:
handleOpenUpload(){
this.visibleUpload = true;
this.$nextTick(() => {
console.log('refs',this.$refs.upload);//能获取
});
}
更多推荐
已为社区贡献7条内容
所有评论(0)