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

前端之家收集整理的这篇文章主要介绍了vue.js指令v-for使用以及下标索引的获取前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在 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:丑牛寅虎卯兔辰龙} 
      ] 
    },methods:{ 
      onclick:function(index){ 
        alert(index); 
      } 
    } 
  }) 
</script>

 

猜你在找的Vue相关文章