vue給數據按字母A-Z排序


 list就是你獲取的數據數組

computed:{
         sortlist(){
           return this.sortlist.sort((a, b) => {
             return a['value'].localeCompare(b['value'])  //value是list你需要索引的字段名稱
           })
         }
    }
不要在計算屬性內直接修改data里面的數據,eslint會報 no-side-effects-in-computed-properties 錯誤
如果非要改可以寫在一個函數里,然后在計算屬性里調用該函數。建議使用如下這種方式
  computed: {
    //按A-Z排序
    reorder() {
      return this.sortZZS()
    }
  },
  methods: {
    sortZZS(){
     return this.sortlist.sort((a, b) => {
        return a['value'].localeCompare(b['value'])  //index是list你需要索引的字段名稱
      })
    },
    }

注意:索引的字段名稱填錯的話就會報錯

 

 


免責聲明!

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



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