elementui 表格序号el-table自定义序号事件

关键代码就是：

 

 

 
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
          
        
      

 

data() {
    return {
      current: 1, // 当前页
      size: 10, // 每页条数
      total: 0, // 总条数
      loading: true, // Loading 加载
  tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }, {
        date: '2016-05-04',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1517 弄',
        zip: 200333
      }, {
        date: '2016-05-01',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1519 弄',
        zip: 200333
      }, {
        date: '2016-05-03',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1516 弄',
        zip: 200333
      }],
    }
  },

methods: {
    /**
     * 自定义序号事件
     * @param val {Number} 表格中的序号，从0开始
     **/
    indexMethod(index) {
      return (this.current - 1) * this.size + index + 1
    },
}

参考elementui 的序号：

Element - The world's most popular Vue UI frameworkElement，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库https://element.eleme.cn/#/zh-CN/component/table