vue使用elementui,如何给通过props,给table组件的表头的每一项,指定默认的值

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>

图片描述

阅读 6.8k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题