国产探花免费观看_亚洲丰满少妇自慰呻吟_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>

總結

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 茶陵县| 定远县| 广西| 东安县| 高邮市| 石泉县| 蓝田县| 香格里拉县| 乌恰县| 台湾省| 肃南| 凤阳县| 镇巴县| 兴山县| 同心县| 沅陵县| 施秉县| 赞皇县| 上饶县| 浠水县| 蒲城县| 崇州市| 都江堰市| 垫江县| 崇左市| 桑植县| 鄱阳县| 靖安县| 永康市| 河北区| 延津县| 乌拉特后旗| 诏安县| 和硕县| 讷河市| 江门市| 焦作市| 盐山县| 嘉义市| 武鸣县| 莱阳市|