以下數據類型,需要在v-for中進行排序輸出:
```
export const scoreRange = {
'5': '公司表率',
'4': '杰出貢獻',
'3.75': '超出預期',
'3.5': '表現正常',
'3.25': '低于預期',
'3': '令人失望'
}
```
先根據key進行order計算:
```javascript
computed: {
sortScore() {
const compare = (v1, v2) => {
return Number(v1) - Number(v2);
};
return Object.keys(this.scoreRange).sort(compare)
}
}
```
最后模板中輸出:
```
<li class="item" v-for="(item, key) in sortScore" :key="item">
{{ item }}
{{ scoreRange[item] }}
</li>
```