当前元素数据属性中的访问循环索引-VueJS

时间:2018-10-10 20:51:48

标签: vue.js

我想访问具有usage: aws [options] <command> <subcommand> [<subcommand> ...] [parameters] To see help text, you can run: aws help aws <command> help aws <command> <subcommand> help aws: error: argument operation: Invalid choice, valid choices are: abort-multipart-upload | complete-multipart-upload copy-object | create-bucket create-multipart-upload | delete-bucket 指令的同一元素的另一个属性内的循环的当前索引。

HTML内容是:

v-for

和JS代码:

<div id="app">
    <div v-for="count in length" data-my-attribute="here" class="target">{{count}}</div>
</div>

我知道我可以使用类var app = new Vue({ el : '#app', data: { length: 9, } }); 访问div内部的当前循环索引。 target

的处理方式

但是可以在属性{{ count }}的值内部访问count吗?

(我的意思是代替“这里”)

1 个答案:

答案 0 :(得分:1)

您可以使用以下绑定来访问该变量:

<div id="app">
  <div v-for="count in length" :data-my-attribute="count" class="target">{{count}} </div>
</div>

就像您要定义动态id的情况

<div id="app">
  <div v-for="count in length" :id="'divNum'+count" class="target">{{count}} </div>
</div>