如果我正在创建(可能是动态地)创建n个组件,每个组件都需要从其自己的模板中引用唯一的索引/ id /引用,那么是否存在这样的事情?我没有使用for in
循环来生成组件,所以我认为我无权访问(阅读:已经尝试使用…)$index
。
我(很糟糕)对我试图做的事情做了一个很糟糕的说明,但是我怀疑有一个预先构建的方法。
好吧,在阅读有关您不想使用的部分之前,我做了一个完整的示例,$index
因此这里的示例是否有帮助:https : //jsfiddle.net/dw070yyL/1/
但是您v-ref
可以为子组件赋予唯一标识符,请参见http://vuejs.org/api/#v-ref
<bar v-ref:bar-one></bar>
然后,在父组件中,您可以this.$refs.barOne
用来引用该子组件。
这也可以使用文档中的列表:
<bar v-ref:bar-list v-for="item in list"></bar>
将制作this.$refs.barList
一系列子组件
我还要说,您的操作方式还不错,例如,此向导组件通过this.$children
在ready()
函数中进行迭代并相应地设置其每个索引来使用类似的方法:
ready() {
this.countItems = this.$children.length
this.$children.forEach((item, index) => {
item.index = index
})
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句