avue-crud 自定义列
基本设置:
option: {columnBtn: false,refreshBtn: false,addBtn: false,delBtn: false,editBtn: false,viewBtn: false,searchShowBtn: false,height: 'auto',maxHeight: 'auto',calcHeight: 70,searchLabelWidth: 58,tip: false,searchShow: false,searchMenuSpan: 6,border: true,index: false,selection: true,dialogClickModal: false,menu: true,menuWidth: 200,column: [{label: "名称",prop: "name",width: 150,},{label: "时间",prop: "time",},],},
自定义列:
<avue-crud :table-loading="loading":option="option":data="tableData"ref="crud":page.sync="page"@search-change="searchChange"@current-change="currentChange"@selection-change="selectionChange"@size-change="sizeChange"@search-reset="searchReset">// 自定义列,自定义显示名称<template slot="name" slot-scope="{ row }"><p>{{ row.enName }}</p><p>{{ row.cnName }}</p></template><template slot="empty"><override-empty></override-empty></template>
</avue-crud>