vue如何做到v-for循環時“切割”數組?


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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM