vue.js指令v-for使用以及下標(biāo)索引的獲取

發(fā)布時間：2020-09-23 20:10:06 來源：腳本之家閱讀：269 作者：LDH- 欄目：web開發(fā)

在 v-for 代碼塊中，我們可以完全地訪問父級作用域下的屬性。

v-for 還支持可選的第二個參數(shù)，作為當(dāng)前項的索引。

也可以使用 v-for 來遍歷對象的屬性。

還可以提供第二個參數(shù)，作為對象的鍵名(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>

vue.js指令v-for使用以及下標(biāo)索引的獲取

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，謝謝大家對億速云的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接

向AI問一下細(xì)節(jié)

vue.js指令v-for使用以及下標(biāo)索引的獲取

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽