本文章转载于【SpringBoot+Vue】全网最简单但实用的前后端分离项目实战笔记 - 前端_大菜007的博客-CSDN博客

仅用于学习和讨论，如有侵权请联系

源码：https://gitee.com/green_vegetables/x-admin-project.git
素材：https://pan.baidu.com/s/1ZZ8c-kRPUxY6FWzsoOOjtA 提取码：up4c
项目概述笔记：https://blog.csdn.net/m0_37613503/article/details/128961102
数据库笔记：https://blog.csdn.net/m0_37613503/article/details/128961401
前端笔记：https://blog.csdn.net/m0_37613503/article/details/128961447
后端笔记：https://blog.csdn.net/m0_37613503/article/details/128961569

1、现在修改index

1.1  第一步删除type index

2 我们要用插值表达式

 2.1

3 这个公式是这样的：

3.1

4 再加当前页行的索引

5 第二页第一行的数据索引是0，因此还得加一个1

5.1

6 这里的template是模板的意思，我们直接拿index是没办法用的

 

6.1

7 slot-scop定义一个作用域插槽，用他就可以拿到当前行的索引号

 

 

7.1

8 这样就可以算出来了

 

8.1

9 序号正常出来了

 9.1

10 也可以添加一个小功能,Clearable,可以一键删除数据

10.1 点击他可以删除全部数据

 

11、最好的方法是，多去看文档，必须用框架，用的多了，你自然而然就有感觉了