第2世界
发布于 2024-07-31 / 20 阅读 / 0 评论 / 0 点赞

vue2使用多个ref获取时$refs为空

vue2中,ref挂载

<a-form-model ref="formRef"></a-form-model>
// 或者
<a-form-model :ref="'form'+index"></a-form-model>

前者如果在循环内,$refs.formRef为数组;后者使用$refs.form1这种方式获取ref。

如果$refs为空,检查dom是否挂载,在v-if或者a-collapse等里面会导致组件未挂载或者销毁。

对于v-if可以使用v-show代替。

对于a-collapse可以设置a-collapse-panel的force-render属性为true,强制渲染。


评论