vue使用elementui,每次写table的时候,都要写好多表头的东西。如何给通过props,给table组件的表头的每一项,指定默认的值,如我想给每一项指定宽度,可排序,当前的这种default,并不能起到作用
<template>
<el-table :data="tableData" stripe highlight-current-row v-loading="listLoading">
<el-table-column v-for="item in tableHeader" :prop="item.prop" :label="item.label" :sortable="item.sortable" :show="item.show" :width="item.width"></el-table-column>
</el-table>
</template>
<script>
export default {
props:{
tableHeader:{
type:Array,
default:()=>[{prop:'',label:'',sortable:true,width:100,show:true}]
},
tableData:{
type:Array,
default:()=>[]
},
listLoading:false
}
}
</script>