如图,如何修改表格右侧的按钮,不显示图标,只显示文字
过滤按钮数组:
const optButtons: OptButton[] = defaultOptButtons(['weigh-sort', 'edit', 'delete']).map((item)=>{ if(item.name == 'edit'){ item.text = '编辑' item.icon = '' } return item })
效果:
按钮全部字段说明:
{ // 渲染方式:tipButton=带tip的按钮,confirmButton=带确认框的按钮,moveButton=移动按钮 render: 'tipButton', // 按钮名称 name: 'info', // 鼠标放置时的 title 提示 title: '按钮名称', // 直接在按钮内显示的文字,title 有值时可为空 text: '按钮名称', // 按钮类型,请参考 element plus 的按钮类型 type: 'primary', // 按钮 icon icon: '', class: 'table-row-info', // tipButton 禁用 tip disabledTip: false, // 自定义点击事件 click: (row: TableRow, field: TableColumn) => { }, // 按钮是否显示,请返回布尔值 display: (row: TableRow, field: TableColumn) => { return true }, // 按钮是否禁用,请返回布尔值 disabled: (row: TableRow, field: TableColumn) => { return false }, // 自定义el-button属性 attr: {} }
这个文档里写的很完整了 可以看下
过滤按钮数组:
效果:
按钮全部字段说明:
这个文档里写的很完整了 可以看下
- 1
前往