首页 > 编程语言 > 详细

vue如何做到v-for循环时“切割”数组?

时间:2020-08-21 01:04:28      阅读:279      评论:0      收藏:0      [点我收藏+]

vue如何做到v-for循环时“切割”数组?
方法(1):从数据源头更改,后端直接在列表中去除某一个数组元素。但是如果前端还需要在别的地方展示那一条信息,就不行了,这是其弊端;

方法(2):在循环时,进行列表切割:
例如:

<ul>
<li v-for="item in items.slice(1)">{{ item }}</li>
</ul>      优先推荐!

方法(3):利用v-if,因为它的优先级低于v-for
例如:

<ul>
<li v-for="(item,index) in items" v-if="index >= 1">{{ item }}</li>
<ul>

方法(4):利用method,返回新数组,其实也是切割和第二种类似
例如:

methods: {
        startFrom() {
        return this.items.slice(1);
        }
        }

<div id="app">
<ul>
<li v-for="item in startFrom()">{{ item }}</li>
</ul>
</div>

方法(5):利用computed
例如:

computed: {
        newArray() {
        return this.items.slice(1);
        }
        }

<div id="app">
<ul>
<li v-for="item in newArray">{{  item }}</li>
</ul>
</div>

vue如何做到v-for循环时“切割”数组?

原文:https://www.cnblogs.com/yihangjou/p/13538789.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!