本文章转载于【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、最好的方法是,多去看文档,必须用框架,用的多了,你自然而然就有感觉了