国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-19 12:11:21
字體:
來源:轉載
供稿:網友

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

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對武林網的支持。如果你想了解更多相關內容請查看下面相關鏈接

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 广宗县| 商河县| 长沙市| 太康县| 宝山区| 乾安县| 南阳市| 溧水县| 福建省| 贡嘎县| 堆龙德庆县| 永登县| 永宁县| 天峨县| 东山县| 桓仁| 潼南县| 望江县| 子洲县| 县级市| 潼南县| 拜城县| 淮北市| 华亭县| 射阳县| 邵阳市| 平果县| 毕节市| 盈江县| 铜梁县| 涡阳县| 历史| 辽阳县| 乌海市| 咸阳市| 孝昌县| 香港| 修水县| 湄潭县| 监利县| 九台市|