小编vic*_*scu的帖子

vuejs 访问 v-for 组件内的 ref

通过 v-for 循环渲染一些组件。引用的定义如下: :ref="'category_' + index" 这是这些引用在控制台中的显示方式console.log(this.$refs)

category_0: [VueComponent]
category_1: [VueComponent]
category_2: [VueComponent]
category_3: [VueComponent]
category_4: [VueComponent]
category_5: [VueComponent]
category_6: [VueComponent]
category_7: [VueComponent]
category_8: [VueComponent]
__proto__: Object
Run Code Online (Sandbox Code Playgroud)

如果我尝试像这样访问:console.log(this.$refs.category_0),我会得到undefined。任何其他定义的引用(不称为“category_..”)都可以正常工作。

这里似乎出了什么问题?

<el-form-item v-for="(category,index) in Object.Products" :key="index" 
  :label="category.Name">

    <Select-product v-model="category.IdSelected" :ref="'category'" 
      ProductCategory='Ingredient' @return="handleSelectIngredient"/> 

</el-form-item>

Run Code Online (Sandbox Code Playgroud)

refs vue.js v-for

5
推荐指数
1
解决办法
3911
查看次数

标签 统计

refs ×1

v-for ×1

vue.js ×1