elementui分页页码如何重置

 时间:2026-02-14 07:21:13

1、双击打开HBuilderX工具,利用npm命令下载和安装vue项目

elementui分页页码如何重置

2、在src文件夹下的components下,新建一个vue文件TablePager.vue

elementui分页页码如何重置

3、打开已新建的组件文件,在template标签中,插入一个el-table和分页组件

elementui分页页码如何重置

4、接着在data对象中,初始化表格的数据tableData,添加十二条数据

elementui分页页码如何重置

5、在methods中,添加表格初始化方法,还有表格分页相关事件

elementui分页页码如何重置

6、打开App.vue文件,导入TablePager组件,并在界面代码中引用

elementui分页页码如何重置

7、保存代码并运行项目,打开浏览器查看表格以及分页

elementui分页页码如何重置

8、在template标签中,插入一个el-button重置按钮,然后绑定重置事件

elementui分页页码如何重置

9、最后在分页重置事件中,设置current为1;再次保存代码并启动项目,查看表格以及分页效果

elementui分页页码如何重置

  • 445端口开启方法
  • vmware网络设置桥接、nat、单主机模式区别
  • 如何解决WAMP Server 与IIS端口冲突问题
  • phpstudy是怎么随意切换php的版本
  • 如何使用go语言查看电脑cpu核心数?
  • 热门搜索
    如何做最好的自己 心情说说感悟生活 怎么看电脑内存大小 cnc是什么意思 计算机专业主要学什么 生活大爆炸第三季 子宫后位如何受孕 铃木启悦质量怎么样 产后如何瘦身 优理氏的产品怎么样