切換排序方向並顯示箭頭
<div @click="排序('text');arrs=arrs.sort((a, b) => (a.text || '').localeCompare((b.text || ''), 'zh-Hant')*排序值)">
{{ arr.text }}
<div style="float:right" v-if="排序欄位=='text'"><span v-if="排序值==1">▲</span><span v-if="排序值==-1">▼</span></div>
</div>
const 排序 = (value) => {
const 切換欄位 = 排序欄位.value != value;
排序欄位.value = value;
if (!切換欄位) 排序值.value = 排序值.value == -1 ? 1 : -1;
}
多欄位排序
arrs.sort((a, b) => (a.text.localeCompare(b.text, 'zh-Hant')*10+(a.text2 || '').localeCompare((b.text2 || ''), 'zh-Hant'))*排序值)
沒有留言:
張貼留言