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