vue自定义封装table表格

 封装如下:



调用如下:

    
    
      
      
      
    
columns: [
        {
          type: 'index',
          label: '序号',
          width: '50',
          align: 'center'
        },
        {
          label: '中文名',
          prop: 'commonGoodBrandCnname'
        },
        {
          label: '英文名',
          prop: 'commonGoodBrandEnname'
        },
        {
          label: '别名',
          prop: 'commonGoodBrandAlias'
        },
        {
          label: '首字母',
          prop: 'commonGoodBrandFirstname'
        },
        {
          label: 'logo',
          prop: 'img'
        },
        {
          label: '状态',
          prop: 'status'
          // func: this.getStatus
        },
        {
          label: '操作',
          prop: 'action',
          width: '400'
        }
      ],

效果如图:vue自定义封装table表格_第1张图片

 

你可能感兴趣的:(vue.js,javascript,elementui)