vue 动态ref 设置
在vue 开发中,经常会用到ref 属性,一般为写死的ref="xxx",但是有时会用到动态的ref,下面记录一下<div v-for="(item,index) in list"><fm-generate-form:data="item":ref="'generate'+index">&l...
·
在vue 开发中,经常会用到ref 属性,一般为写死的ref="xxx",但是有时会用到动态的ref,下面记录一下
<div v-for="(item,index) in list">
<fm-generate-form
:data="item"
:ref="'generate'+index"
>
</fm-generate-form>
</div>
this.list.forEach((item, index) => {
this.$refs[`generate${index}`][0].getData().then(data => {
alert(JSON.stringify(data))
}).catch(e => {
})
});
:ref为动态设置的属性,后面为拼接的
重点为获取时 this.$refs[`generate${index}`][0].XXX,一定要加个[0]。因为是数组的话,this.$refs 返回的也是一个数组,这里需要更加注意一下
更多推荐
已为社区贡献11条内容
所有评论(0)