Files
vxe-table/examples/plugins/xtable/renderer/toolbar.js
xuliangzhan 5d5a2e06f0 更新文档
2020-01-16 17:26:34 +08:00

18 lines
629 B
JavaScript

import Vue from 'vue'
import VXETable from '../../../../packages/v-x-e-table'
import ToolbarInput from './components/ToolbarInput.vue'
Vue.component(ToolbarInput.name, ToolbarInput)
// 创建一个工具栏-按钮渲染器(仅用于简单示例,实际开发中应该封装成一个组件,不应该把复杂的渲染逻辑写在渲染器中)
VXETable.renderer.add('ToolbarButtonRefresh', {
renderButton (h, renderOpts, params, context) {
const { events } = renderOpts
const { button } = params
return [
<vxe-button onClick={ e => { events.click(button) } }>自定义按钮</vxe-button>
]
}
})