碼上快樂

相關內容    簡體    繁體

v-if和v-for一起使用的弊端以及解決辦法

本文轉載自   查看原文   2020-11-24 17:14   803    常見匯總
v-if和v-for一起使用的弊端以及解決辦法

  • 由於v-for的優先級比v-if高，所以導致每循環一次就會去v-if一次
  • 而v-if是通過創建和銷毀dom元素來控制元素的顯示與隱藏
  • 所以就會不停的去創建和銷毀元素，造成頁面卡頓，性能下降。

解決辦法：在v-for的外層或內層包裹一個元素來使用v-if



免責聲明！

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



猜您在找 v-if 和 v-for 一起使用 解決v-for和v-if不能同時使用的問題 vue的使用規范之v-if 與 v-for 一起使用 v-for和v-if一起使用時的坑 vue的注意規范之v-if 與 v-for 一起使用 v-if和v-for一起使用的幾個方法 vue的注意規范之v-if 與 v-for 一起使用 v-if v-for同時使用 解決eslint報錯問題 vue v-for 和 v-if 、v-else一起使用造成的bug vue v-for與v-if組合使用
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM