在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ element-ui表格排序問(wèn)題

element-ui表格排序問(wèn)題

我的列是
clipboard.png

有2個(gè)數(shù)據(jù)的,用默認(rèn)的排序好像不行,會(huì)亂

看了文檔說(shuō)用@` <el-table-column

    prop="percent_sales"
    label="銷(xiāo)售額 / 占比"
    :sortable="true"
    @sort-method="mySortable">`
    
    
    
  方法可以自定義排序??墒窃趺匆灿|發(fā)不了那個(gè)方法,函數(shù)里面log不出來(lái),應(yīng)該怎么自定義排序  
  
  

clipboard.png
好像我只寫(xiě)純數(shù)字排序也是有問(wèn)題的

回答
編輯回答
舊顏

sort-method這個(gè),文檔里面也歸在了Table-column Attributes,也就是屬性了,所以用 :sort-method 進(jìn)行綁定了。跟 Array.sort(function(a,b){return a-b }) 這樣類(lèi)似 ,里面?zhèn)魅牒瘮?shù)指定排序方法,

對(duì)于想利用事件進(jìn)行手動(dòng)排序,可以監(jiān)聽(tīng) @sort-change=handleSortChange 方法,在handleSortChange(column) 回調(diào)函數(shù)里面,獲取column.order字段,判斷遞增還是遞減,手動(dòng)對(duì) :data綁定的數(shù)組進(jìn)行排序。

一般數(shù)據(jù)比較多,分頁(yè)獲取的情況下,建議用這種方法,由后端進(jìn)行排序,更新:data綁定的數(shù)組

2017年10月6日 12:38
編輯回答
悶油瓶

sort-method 不是事件,它只是一個(gè)簡(jiǎn)單的方法綁定

用 :sort-method

這么做的理由嘛跟原作者說(shuō)了他不改

2018年8月21日 01:26