健康产业,遮那王义经,孟春晗
在 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>
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对移动技术网的支持。如果你想了解更多相关内容请查看下面相关链接
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
vue 路由懒加载中给 Webpack Chunks 命名的方法
网友评论