[VUE]使用element ui 重新写组件table,实现动态列自定义加载

table.vue table组件 ,重写组件 当状态列为0时显示禁用,为1时显示启用,并添加过滤器更改 el-tag的样式



组件的调用

   

列 数据格式

cloumns: [{
        prop: 'enabled',
        label: '状态',
        width: 100,
        align: 'center'
      },
      {
        prop: 'id',
        label: 'ID',
        width: 100,
        align: 'center'
      },
      {
        prop: 'name',
        label: '名称',
        width: 200,
        align: 'center'
      },
      {
        prop: 'code',
        label: '编码',
        width: 200,
        align: 'center'
      },
      {
        prop: 'description',
        label: '说明',
        align: 'left'
      }],

模拟数据

list: [{
  id:1001,
  name:'aa',
  code:'aa',
  enabled: 0,
  description: 'aa'
}]

 

你可能感兴趣的:(vue)