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核心数?
  • 热门搜索
    花圈挽联大全 俏皮话大全 脸上长黑斑怎么办 关于读书的名言大全 小学生应用题大全 挽联大全 生死狙击怎么刷金币 悦诗风吟怎么样 蔬菜简笔画图片大全 软件下载大全