【Vue-Element-Admin】table添加自定义索引

通过给 type=index 的列传入 index 属性,可以自定义索引。该属性传入数字时,将作为索引的起始值。也可以传入一个方法,它提供当前行的行号(从 0 开始)作为参数,返回值将作为索引展示。

javascript 复制代码
<el-table
    :data="tableData"
    style="width: 100%">
    <el-table-column
      type="index"
      :index="indexMethod">
    </el-table-column>
  </el-table>
</template>


<script>
  export default{
    return{
        //查询条件
        listQuery:{
            page:1,//当前页
            limit:20,//每页显示的数据量
        }
    },
    methods: {
      indexMethod(index) {
        return (this.listQuery.page=-1)*this.listQuery.limit+index+1
      },
    
    }
 }
</script>
相关推荐
難釋懷几秒前
vue 项目中常用的 2 个 Ajax 库
前端·vue.js·ajax
Qian Xiaoo2 分钟前
Ajax入门
前端·ajax·okhttp
爱生活的苏苏25 分钟前
vue生成二维码图片+文字说明
前端·vue.js
拉不动的猪27 分钟前
安卓和ios小程序开发中的兼容性问题举例
前端·javascript·面试
炫彩@之星33 分钟前
Chrome书签的导出与导入:步骤图
前端·chrome
贩卖纯净水.44 分钟前
浏览器兼容-polyfill-本地服务-优化
开发语言·前端·javascript
前端百草阁1 小时前
从npm库 Vue 组件到独立SDK:打包与 CDN 引入的最佳实践
前端·vue.js·npm
夏日米米茶1 小时前
Windows系统下npm报错node-gyp configure got “gyp ERR“解决方法
前端·windows·npm
且白1 小时前
vsCode使用本地低版本node启动配置文件
前端·vue.js·vscode·编辑器
程序研1 小时前
一、ES6-let声明变量【解刨分析最详细】
前端·javascript·es6