Closed jianliulin closed 5 years ago
希望在column的配置中可以配置此列的内容是否为超链接, 点击超链就执行某个函数 <vxe-grid border resizable height="300" :columns="tableColumn" @column-cell-hyperlink-click=“columnCellHyperlinkClick” >
export default { data () { return { tableColumn: [ { type: 'index', width: 50 }, { field: 'name', title: '姓名',hyperlink { params : { url : 'aaa.com', name : 'ddd' } }, { field: 'address', title: '地址' } ] } }, methods: { columnCellHyperlinkClick({ row, rowIndex, column, columnIndex}, event) { console.log(超链接单元格点击${column.hyperlink.params.url }) }, } }
超链接单元格点击${column.hyperlink.params.url }
?
使用 slot 自定义模板就行,如果想要可复用就是用渲染器 https://xuliangzhan_admin.gitee.io/vxe-table/#/table/grid/template
这个功能对于选择用配置的人来说很实用,添加也不会破坏或污染现有功能,
你没明白我的意思,因为渲染器的作用就是抽象一切可复用的功能,本身就包含你的这个需求
这个需求解决了什么问题 What problem does this feature solve
希望在column的配置中可以配置此列的内容是否为超链接, 点击超链就执行某个函数 <vxe-grid border resizable height="300" :columns="tableColumn" @column-cell-hyperlink-click=“columnCellHyperlinkClick” >
export default { data () { return { tableColumn: [ { type: 'index', width: 50 }, { field: 'name', title: '姓名',hyperlink { params : { url : 'aaa.com', name : 'ddd' } }, { field: 'address', title: '地址' } ] } }, methods: { columnCellHyperlinkClick({ row, rowIndex, column, columnIndex}, event) { console.log(
超链接单元格点击${column.hyperlink.params.url }
) }, } }建议的 API 是什么样的 What does the proposed API look like
?
是否已有其他不错的替代方案 Describe alternatives you've considered
?
版本 Version