小編給大家分享一下如何解決vue elementUI中table里數(shù)字、字母、中文混合排序問(wèn)題,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿(mǎn)足客戶(hù)于互聯(lián)網(wǎng)時(shí)代的中衛(wèi)網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
1.使用場(chǎng)景
使用elementUI中的table時(shí),給包含數(shù)字字母中文的名稱(chēng)等字段排序
例如:數(shù)字(0->9)->大寫(xiě)字母(A->Z)->小寫(xiě)字母(a->z)->中文拼音(a->z)
2.代碼解析
設(shè)置屬性sortable,會(huì)按照自帶的機(jī)制排序,不符合我們的預(yù)期;
所以增加屬性 sort-method,在方法中自定義排序方式
3.頁(yè)面效果
原列表 ==》》 正序 ==》》 倒序
以上是“如何解決vue elementUI中table里數(shù)字、字母、中文混合排序問(wèn)題”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!