avue 怎么实现自定义排序
没啥时间,简单粗暴,直接上代码1.配置项配置export const tableOption = {border: true,index: true,indexLabel: '序号',stripe: true,menu:false,height:500,menuWidth:100,menuAlign: 'center',stripe:false,align: 'center',editBtn: f
·
没啥时间,简单粗暴,直接上代码
1.配置项配置
export const tableOption = {
border: true,
index: true,
indexLabel: '序号',
stripe: true,
menu:false,
height:500,
menuWidth:100,
menuAlign: 'center',
stripe:false,
align: 'center',
editBtn: false,
delBtn: false,
addBtn: false,
column: [
{
label: 'xxx',//要排序的表头名字
prop: 'xxx',//表头字段,跟接口一致
sortable: 'custom'//自定义排序要设置的值
},
]
}
第二步,xx.vue文件
<avue-crud ref="crud"
:page="page"
:data="tableData"
:table-loading="tableLoading"
:option="tableOption"
:row-style="rowStyle"
@search-change="searchChange"
@size-change="sizeChange"
@search-reset="searchReset"
@current-change="currentChange"
@refresh-change="refreshChange"
@row-update="handleUpdate"
@row-save="handleSave"
@sort-change="sortChange"//自定义排序函数
@row-del="rowDel">
</avue-crud>
export default {
name: "",
data () {
return {
},
created () {
},
mounted: function () { },
computed: {
},
methods: {
// 自定义排序
sortChange (val) {
switch (val.prop) {
case "xx"://这里是需要排序的字段的prop值
break;
case "xxxx":
break;
default:
break;
}
},
},
};
更多推荐
已为社区贡献2条内容
所有评论(0)