前言
在业务中,经常会使用到table组件来展示数据,往往在使用el-table时会遇到样式之类的不能随心改变,在这种情况下通常采用封装第三方组件的方式实现效果。
举个栗子
二次封装el-table来满足一些界面效果,同时可以统一使用,在props中添加需要的属性,并且可以在组件内对于数据进行统一的处理,可以使用deep去修改el-table默认的样式。
<el-table :data="list" :height="height" :border="border" :width="width" :stripe="stripe">
<slot></slot>
</el-table>
props:{
list:{
type:Array,
default:()=>[]
},
height:{
type:String,
default:'500px'
},
border:{
type:Boolean,
default:true
},
stripe:{
type:Boolean,
default:false
},
width:{