vxe-table 中自定义模板,解决渲染单元格为 element-ui 组件后无法选中值
如何解决跨组件之间的冲突
vxe-table 通过渲染器可以支持任意的 vue 组件,但在渲染大部分组件后默认是无法直接使用的,需要解决好跨组件之间的冲突
例如以下代码
虽然可以正常渲染和显示,但是会无法选中下拉选项,这就是跨组件的事件冲突,下面会提到解决办法
<vxe-table
border
show-overflow
height="600"
:data="tableData"
:edit-config="{trigger: 'click', mode: 'row'}">
<vxe-column type="checkbox" width="60"></vxe-column>
<vxe-column type="seq" width="80"></vxe-column>
<vxe-column field="name"