许多企业在运营中具有类似的表格,尤其是类似于背景操作等的业务产品,需要封装表以降低代码工作负载的效率,还可以修改表单样式。
这是一个elementui组件库作为前提
如图所示:
当项目中使用大量表时,我们必须考虑此时包装表格,这可以减少代码,改进复制并维护良好的维护。
首先查看尚未封装的代码
tab_config.vue
您可以看到我们已经分为三种形式的情况
如果您的项目中有其他需求,则可以继续添加类型判断
直接导入,然后传递表单数据数据师和表配置信息table_config in
专注于配置
这是我们定义的形式数据
其中:Thead包含头部数据
这是非常灵活的,您可以使用开关来判断该按钮随后称为相应方法的触发器
我第一次写一篇文章是锻炼,我不可避免地会慢慢写它,我会慢慢地改变它。希望每个人都不会喷洒!
原始:https://juejin.cn/post/709927036557875214