vxe-table插槽
时间: 2023-08-29 11:11:57 浏览: 108
vxe-table提供了两个插槽,分别是默认插槽和编辑插槽。默认插槽一般使用div作为插槽内容,可以自定义展示每一行的样式。而编辑插槽用于编辑行数据,可以自定义编辑行的表单元素或组件。
默认插槽在列表中展示每一行的数据,可以通过自定义HTML元素和样式来展示数据。编辑插槽用于编辑行数据,可以自定义表单元素或组件来编辑数据。
如果要实现列表没有抖动的效果,并且统一样式,可以在编辑插槽中统一使用下拉框的样式,点击行时显示下拉框,没有点击的行则不显示任何样式。这样可以避免卡顿现象的出现。
相比于el-table,vxe-table的性能更好,特别是在大量使用treeselect的情况下,el-table的性能可能会受到影响。因此,为了提升性能,可以考虑使用vxe-table的可编辑列表来替代el-table。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [【bug】vxe-table编辑列表中使用vue-treeselect,防止卡顿,默认插槽用div导致单击树下拉框不展现,完美...](https://blog.csdn.net/weixin_49668076/article/details/126294882)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]