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

最新推荐文章于 2024-07-18 18:59:22 发布

LDH-

最新推荐文章于 2024-07-18 18:59:22 发布

阅读量1.1w

点赞数 1

分类专栏： vue.js 文章标签： vue.js指令v-for使用以及下标索

本文链接：https://blog.csdn.net/weixin_38362146/article/details/78390537

版权

vue.js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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

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

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

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

[plain]view plain copy 
   
 <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>  