通过 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)