zoukankan      html  css  js  c++  java
  • 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:"丑牛"}, 
            {name:"寅虎"}, 
            {name:"卯兔"}, 
            {name:"辰龙"} 
          ] 
        }, 
        methods:{ 
          onclick:function(index){ 
            alert(index); 
          } 
        } 
      }) 
    </script>

  • 相关阅读:
    ui5 call view or method from another view
    vuejs helloworld
    vuejs v-model
    vuejs v-bind
    vuejs on
    vuejs fatherandson
    vuejs scope
    vuejs keep-alive
    VLAN虚拟局域网
    网线的制作
  • 原文地址:https://www.cnblogs.com/longronglang/p/12263505.html
Copyright © 2011-2022 走看看