vue中v-for 怎么获取长度

发布网友 发布时间：2022-03-24 23:39

我来回答

共4个回答

热心网友 时间：2022-03-25 01:08

尽量避免使用DOM操作，使用数据驱动，如果一定要，请使用Vue简短的自定义指令

在vue1中：v-for="item in items" 然后获取可以用$index

在vue2中：v-for="(item, index) in items" 获取用index

这两种方法都可以，看你具体情况

把academyList替换为新数组。官网文档“以下两种数据变化vue无法检测，1.通过索引修改值。2.改变数组长度。”。。？赋值新数组不属于以上两种，有数据改变，就会有更新，记得在对应vue实例中定义academyList:[]这个数组，然后方法中赋值this.academyList就可以。把academyList替换为新数组。官网文档“以下两种数据变化vue无法检测，1.通过索引修改值。2.改变数组长度。”。。？赋值新数组不属于以上两种，有数据改变，就会有更新，记得在对应vue实例中定义academyList:[]这个数组，然后方法中赋值this.academyList就可以。

热心网友 时间：2022-03-25 02:26

循环的长度吗？
直接用length属性呀。
比如
<li v-for="x in data">{{x}}</li>

你只需要用：data.length 就可以获取长度。

热心网友 时间：2022-03-25 04:01

使用length即可获取需要注意对象不能为空或者未定义否则会出现异常

热心网友 时间：2022-03-25 05:52

<tr v-for="(data,inde) in json" v-on:click="fn">

</tr>

<script>
var vm = new Vue({
el:"#app",
data:dataModel,
methods:{
//弹出
fn:function(name,index){
alert(name)
},
</script>