v-for in 5
时间: 2023-10-31 08:54:36 浏览: 83
在Vue中使用v-for指令迭代普通数字非常简单。您可以在模板中使用v-for指令,通过指定一个变量名和一个数字来迭代一定次数。例如,您可以在一个div标签中使用v-for="(i, key) in 5"来迭代数字1到5,并在每次迭代中显示数字和索引。通过使用{{i}}和{{key}}来显示数字和索引的值。以下是一个示例代码:
<div id="app">
<p v-for="(i, key) in 5">{{ i }}---索引:{{ key }}</p>
</div>
<script>
var vm = new Vue({
el: "#app",
data: {},
methods: {}
});
</script>
这段代码将在页面上显示5个p标签,分别显示数字1到5和对应的索引值。
阅读全文