首页 > 编程 > JavaScript > 正文

vue.js指令v-for使用以及下标索引的获取

2019-11-19 12:11:21
字体:
来源:转载
供稿:网友

在 v-for 代码块中,我们可以完全地访问父级作用域下的属性。

v-for 还支持可选的第二个参数,作为当前项的索引。

也可以使用 v-for 来遍历对象的属性。

还可以提供第二个参数,作为对象的键名(key):

<body> <div id="box">   <ul>     <li @click="onclick(index)" v-for="(item,index) in dataList">{{item.name}}</li>   </ul> </div> </body> <script src="assets/vue/vue.js"></script> <script>   new Vue({     el:"#box",     data:{       dataList:[         {name:"子鼠"},         {name:"丑牛"},         {name:"寅虎"},         {name:"卯兔"},         {name:"辰龙"}       ]     },     methods:{       onclick:function(index){         alert(index);       }     }   }) </script>

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对武林网的支持。如果你想了解更多相关内容请查看下面相关链接

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表