secondary-element
v1.0.2
Published
二次封装饿了么
Downloads
3
Readme
vue3 二次封装饿了么
1,baseTable=》基于饿了么table tableJson为表的属性配置, tableAttributes为el-table上面的属性,通过v-bind传递上去,可不写 columns为数组,每个对象为每一列的配置即el-table-column,上面的配置也是通过v-bind传递上去 slotName为表示该列是否需要具名作用域插槽,写法和el-table-column一致,不过只需要全部写在base-el-table上面即可 需要自定义表头的话,增加属性tableHeader为true,后面写法同el-table一致 tableData为传递给el-table的数据,从服务端获取 <template #header="scope"> <template #is_add_wecom="scope"> {{ scope.row.is_add_wecom ? '是' : '否12' }} <template #module_name="scope"> <el-button type="text" size="small" @click="()=>console.log(scope.row.tal_id.length)">查看
2,增加分页组件二次封装
<base-el-pagination
:current-page="page"
:total="100"
@pageChange="(val)=>page=val"
@sizeChange="(val)=>console.log(val)"
:configuration='{
layout: "total, sizes, prev, pager, next",
pageSize: [10, 20, 30, 40, 100],
}'
></base-el-pagination>