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

发布时间：2020-12-16 23:02:24 所属栏目：百科来源：网络整理

导读：在?v-for?代码块中，我们可以完全地访问父级作用域下的属性。 v-for?还支持可选的第二个参数，作为当前项的索引。也可以使用?v-for?来遍历对象的属性。还可以提供第二个参数，作为对象的键名(key)： body div id= " box " ul li @click= onclick(index) "

在?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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!