el-table 表格分页序号问题小结

 更新时间:2024年04月13日 11:42:18   作者:郑源龙  
这篇文章主要介绍了el-table 表格分页序号问题小结,本文通过实例代码图文效果展示给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧

el-table-column 本身提供type='index' 

但是每次切换分页 序号都是1-9

想要获取当前页数的条数序号 获取不到

<el-table-column label="序号" width="60"  align="center">
                <template #default="scope">
                    <div>
                        {{ (queryParams.pageNum -1) *queryParams.pageSize + scope.$index +1 }}
                    </div>
                </template>
            </el-table-column>

到此这篇关于el-table 表格分页序号问题的文章就介绍到这了,更多相关el-table 表格分页内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • uniapp定义new plus.nativeObj.View实现APP端全局弹窗功能

    uniapp定义new plus.nativeObj.View实现APP端全局弹窗功能

    文章介绍了在UniApp中使用`newplus.nativeObj.View`实现弹窗的原因和方法,它定义了一个`AppPopupView`弹窗函数,并在`main.js`中挂载到全局页面,以便在任何地方调用,感兴趣的朋友跟随小编一起看看吧
    2024-11-11
  • Vue编译器中的过滤器转换机制(transformFilter)详解

    Vue编译器中的过滤器转换机制(transformFilter)详解

    本文将详细解读 Vue 兼容模式下的过滤器编译逻辑——transformFilter 模块,它是 Vue 3 为了兼容 Vue 2 模板过滤器语法而存在的编译阶段转换器,需要的朋友可以参考下
    2025-11-11
  • vue 使用class创建和清除水印的示例代码

    vue 使用class创建和清除水印的示例代码

    这篇文章主要介绍了vue 使用class创建和清除水印的示例代码,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下
    2020-12-12
  • vue的keep-alive用法技巧

    vue的keep-alive用法技巧

    在本篇文章里小编给大家整理的是关于vue的keep-alive用法技巧以及实例代码,需要的朋友们学习下。
    2019-08-08
  • Vue3 Axios拦截器封装成request文件的示例详解

    Vue3 Axios拦截器封装成request文件的示例详解

    这篇文章主要介绍了Vue3 Axios拦截器封装成request文件,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • 详解vue中组件参数

    详解vue中组件参数

    这篇文章主要介绍了vue中组件参数,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-07-07
  • Vue中输入框仅支持数字输入的四种方法

    Vue中输入框仅支持数字输入的四种方法

    项目中需要用到大量的数字输入框限制,为了可以以后能又更多的拓展性,下面这篇文章主要给大家介绍了关于Vue中输入框仅支持数字输入的四种方法,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-08-08
  • Vue中的table表单切换实现效果

    Vue中的table表单切换实现效果

    这篇文章主要介绍了Vue中的table表单切换实现效果,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • Vue-ref与props的使用详解

    Vue-ref与props的使用详解

    文章总结了Vue3中props和ref的使用方法、特点及区别,包括基本用法、类型校验、默认值设置、事件通信等,并指出了常见误区和最佳实践
    2026-01-01
  • Vue中实现动画效果的多种方法小结

    Vue中实现动画效果的多种方法小结

    平时我们能在网页上看到很多动画效果,这些效果看起来就很引人注目,我们是不是也可以在自己的项目中添加一些动画效果,让我们的页面看起来更加的高端大气上档次,博人眼球,所以本文给大家介绍了Vue中实现动画效果的多种方法,需要的朋友可以参考下
    2024-07-07

最新评论