vue的 v-for获取循环的下标
vue框架中可以使用 v-for 指令可以绑定数组的数据来渲染,那么如何在使用v-for循环的时候获取数组的下标呢?语法:<li v-for="(arr,index) in arr">{{arr.text}}</li> /*index表示当前数组的下标*/<ul id="app"
·
vue框架中可以使用 v-for 指令可以绑定数组的数据来渲染,那么如何在使用v-for循环的时候获取数组的下标呢?
语法:<li v-for="(arr,index) in arr">{{arr.text}}</li> /*index表示当前数组的下标*/
<ul id="app">
<li v-for="(arr,index) in arr">
{{index}}:{{arr.text}}
</li>
</ul>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script type="text/javascript">
var app = new Vue({
el:"#app",
data:{
arr: [
{ text: '学习 JavaScript' },
{ text: '学习 Vue' },
{ text: '整个牛项目' }
]
}
})
</script>
更多推荐
已为社区贡献12条内容
所有评论(0)