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

在 v-for 代码块中，我们可以完全地访问父级作用域下的属性。v-for 还支持可选的第二个参数，作为当前项的索引。也可以使用 v-for 来遍历对象的属性。还可以提供第二个参数，作为对象的键名(key)：[plain] viewplain copy {{ite

LDH-

11791人浏览 · 2017-10-30 10:19:45

LDH- · 2017-10-30 10:19:45 发布

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^