vue.js指令v-for使用及索引获取
发布时间：2020-12-17 03:06:45 所属栏目：百科 来源：网络整理
导读：1.v-for 直接上代码。 示例一： 2.索引 在 v-for 块内我们能完全访问父组件作用域内的属性，另有一个特殊变量 $index，正如你猜到的，它是当前数组元素的索引： 另外，你可以为索引指定一个别名（如果 v-for 用于一个对象，则可以为对象的键指定一个别名）：
1.v-for直接上代码。 示例一：
2.索引在 v-for 块内我们能完全访问父组件作用域内的属性，另有一个特殊变量 $index，正如你猜到的，它是当前数组元素的索引：
另外，你可以为索引指定一个别名（如果 v-for 用于一个对象，则可以为对象的键指定一个别名）： 从 1.0.17 开始可以使用 of 分隔符，更接近 JavaScript 遍历器语法：
示例二： 你点击的索引为: {{ click }}
3.在点击事件中取到索引方法一：添加自定义属性 示例三： <a v-for="(index,item) in items" v-on:click="onclick($index)" href="#">{{ item.text }} <input type="text" name="" id="index" value=""/> <script src="js/vue.js" type="text/javascript" charset="utf-8"> <script type="text/javascript"> new Vue({ el: 'body',data: { items: [ { text: '巴士' },{ text: '代驾' } ] },methods: { onclick:function(index){ // index.preventDefault(); console.log(index); document.getElementById('index').value = index; } } }) 效果与方法一相同。
如果想直接传索引可以用以下方法： 示例五： |
