当前位置: 首页 > Web前端 > vue.js

vue+element动态表单组件

时间:2023-03-31 16:37:33 vue.js

h1{颜色:黑色!重要;文本对齐:居中;填充:20px;}table{margin-top:20px;}.tableClass{::v-deep.el-table__fixed{高度:100%!重要;//设置高级,以覆盖内部样式}}需求1.表头数据不固定2.表头数据多级3.表格跨行跨列4.表格可编辑5.编辑支持基本表单框子组件代码dynamic-header.vue{{getTemplate(item.template,scope)}}{{scope.row[item.tableFiled]}}<插槽名称="tableFooter":scope="pageParamInfo.req">

h1{颜色:黑色!重要;文本对齐:居中;填充:20px;}table{margin-top:20px;}.tableClass{::v-deep.el-table__fixed{高度:100%!重要;//设置高级,以覆盖内部样式}}table-column.vue<模板v-else-if="item.template">{{getTemplate(item.template,scope)}}{{scope.row[item.tableFiled]}}父组件list为表格数据,tableHeader为表头数据