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>

Logo

前往低代码交流专区

更多推荐