el-table 二次封装
时间: 2023-10-02 12:05:26 浏览: 51
el-table的二次封装可以通过配置项来实现自动生成el-table-column,从而省去冗余代码。这样,在下一次管理系统添加新模块时,就不需要再进行复制粘贴了。虽然复制粘贴可以快速完成需求,但是代码会变得冗余且难以维护。通过二次封装,可以提高代码的可维护性和可读性。\[3\]具体实现的方法是在父组件中定义一个columns数组,数组中的每个元素代表一个el-table-column的配置项。然后在子组件中使用v-for指令遍历columns数组,动态生成el-table-column。这样就可以实现el-table的二次封装,减少冗余代码的编写。\[1\] \[2\]
#### 引用[.reference_title]
- *1* *3* [两种方式对el-table二次封装](https://blog.csdn.net/weixin_42375707/article/details/130042460)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [Element UI 表格 el-table 二次封装](https://blog.csdn.net/DevilAngelia/article/details/122251519)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]