Vue + element-ui 前端项目一Table 表格并实现分页 2

Posted 2022-10-03 知其黑、受其白

阅读目录

• 效果展示
• • 0 安装 axios
  • 1 引入 tableVue 组件 main.js
  • 2 网页布局底部信息栏一直展示页面底部 App.vue
  • 3 导航组件添加 Table 表格 导航 NavMenu.vue
  • 4 element-ui 表格组件并实现分页 tableVue.vue
  • • 4.1 第一步：根据每页要显示的条数来设置，关联分页代码的分页条件
    • 4.2 第二步：在表格后面添加上分页代码
    • 4.3 第三步：定义变量
    • 4.4 第四步：在 methods 中创建分页方法事件
  • 涉及到的页面完整源码
  • • E:\\pdf1\\cg\\src\\main.js
    • E:\\pdf1\\cg\\src\\App.vue
    • E:\\pdf1\\cg\\src\\components\\tableVue.vue