是否可以从其模板中访问Vue组件的索引或其他唯一标识符?

伊托·皮萨罗

如果我正在创建(可能是动态地)创建n个组件,每个组件都需要从其自己的模板中引用唯一的索引/ id /引用,那么是否存在这样的事情?我没有使用for in循环来生成组件,所以我认为我无权访问(阅读:已经尝试使用…)$index

我(很糟糕)对我试图做的事情做了一个很糟糕的说明,但是我怀疑有一个预先构建的方法。

https://jsfiddle.net/itopizarro/dw070yyL/

杰夫

好吧,在阅读有关您不想使用的部分之前,我做了一个完整的示例,$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.$childrenready()函数中进行迭代并相应地设置其每个索引来使用类似的方法

  ready() {
    this.countItems = this.$children.length

    this.$children.forEach((item, index) => {
      item.index = index
    })
  }

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

根据熊猫中其他列的值添加具有唯一标识符的列

来自分类Dev

SQL 中的唯一标识符数据类型是否与 Access 中的自动编号相同?

来自分类Dev

我们如何在登录系统中获取macid或php中的任何其他唯一标识符

来自分类Dev

Windows Phone通讯录中是否有联系人唯一标识符?

来自分类Dev

javascript中的对象是否有唯一标识符?

来自分类Dev

SQL-需要基于两个整数列的其他唯一标识符列的解决方案

来自分类Dev

iOS中的私有唯一设备标识符

来自分类Dev

Tomcat中连接的唯一标识符

来自分类Dev

beautifulsoup表中没有唯一标识符

来自分类Dev

用唯一标识符替换数组中的元素

来自分类Dev

Tomcat中连接的唯一标识符

来自分类Dev

目标c中的唯一标识符(长整数)

来自分类Dev

iCloud唯一标识符

来自分类Dev

生成简短的唯一标识符

来自分类Dev

添加唯一标识符

来自分类Dev

唯一的Linux系统标识符

来自分类Dev

获取对象的唯一标识符

来自分类Dev

生成简短的唯一标识符

来自分类Dev

Excel:创建唯一标识符

来自分类Dev

tvOS唯一设备标识符

来自分类Dev

有没有一种方法可以根据特定的值过滤数据帧,而且还使用熊猫保留唯一标识符的所有其他值?

来自分类Dev

如何生成8位数字的唯一标识符以替换python pandas中的现有标识符

来自分类Dev

如何生成8位数字的唯一标识符以替换python pandas中的现有标识符

来自分类Dev

Angular 2 没有为选择箭头 div 生成唯一的组件标识符

来自分类Dev

用唯一标识符替换所有列中的每个唯一值

来自分类Dev

用唯一标识符标识WebElement

来自分类Dev

生成可以区分ID(Foo :: a())与ID(Foo :: b())的唯一标识符

来自分类Dev

可以使用Ticks of DateTime.Now生成重复的唯一标识符吗?

来自分类Dev

如何访问其标识符随Swift中的响应类型而变化的JSON响应?

Related 相关文章

  1. 1

    根据熊猫中其他列的值添加具有唯一标识符的列

  2. 2

    SQL 中的唯一标识符数据类型是否与 Access 中的自动编号相同?

  3. 3

    我们如何在登录系统中获取macid或php中的任何其他唯一标识符

  4. 4

    Windows Phone通讯录中是否有联系人唯一标识符?

  5. 5

    javascript中的对象是否有唯一标识符?

  6. 6

    SQL-需要基于两个整数列的其他唯一标识符列的解决方案

  7. 7

    iOS中的私有唯一设备标识符

  8. 8

    Tomcat中连接的唯一标识符

  9. 9

    beautifulsoup表中没有唯一标识符

  10. 10

    用唯一标识符替换数组中的元素

  11. 11

    Tomcat中连接的唯一标识符

  12. 12

    目标c中的唯一标识符(长整数)

  13. 13

    iCloud唯一标识符

  14. 14

    生成简短的唯一标识符

  15. 15

    添加唯一标识符

  16. 16

    唯一的Linux系统标识符

  17. 17

    获取对象的唯一标识符

  18. 18

    生成简短的唯一标识符

  19. 19

    Excel:创建唯一标识符

  20. 20

    tvOS唯一设备标识符

  21. 21

    有没有一种方法可以根据特定的值过滤数据帧,而且还使用熊猫保留唯一标识符的所有其他值?

  22. 22

    如何生成8位数字的唯一标识符以替换python pandas中的现有标识符

  23. 23

    如何生成8位数字的唯一标识符以替换python pandas中的现有标识符

  24. 24

    Angular 2 没有为选择箭头 div 生成唯一的组件标识符

  25. 25

    用唯一标识符替换所有列中的每个唯一值

  26. 26

    用唯一标识符标识WebElement

  27. 27

    生成可以区分ID(Foo :: a())与ID(Foo :: b())的唯一标识符

  28. 28

    可以使用Ticks of DateTime.Now生成重复的唯一标识符吗?

  29. 29

    如何访问其标识符随Swift中的响应类型而变化的JSON响应?

热门标签

归档