视频教程
复制elementUI这种效果的代码
对复制过来的代码进行修改
先处理数据,修改所需要的数据
最终结果:
- 第一列:编号
- 第二列:姓名
鼠标移动到姓名上后会自动弹出一个弹框,展示姓名和住址两项信息
- 第三、四、五列:生日、性别、住址
- 第六列:放置一个搜索框
在这个搜索栏中输入关键字,达到数据过滤的效果:
回到elementUI中复制这行代码
同时当前列下还包含的是两个按钮(编辑/删除)
下面进行从后端动态获取数据
后端新建数据库,写入所需要的字段
安装/引入axios
安装完成后清除原始数据,替换成git方式从后端获取的数据:
git方式获取数据。让res.data传入的数据赋值给tableData
这样就可以获取到数据了