
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你需要索引的字段名稱 }) }, }
注意:索引的字段名稱填錯的話就會報錯