项目基于vue+iview开发,要求增加一个访客数据14天反查功能,点击当前访客数据实现展开或者在详情中实现均可,详情实现已经玩烂了,下面探究下列表中展开的实现。
1.效果图
![在这里插入图片描述](https://img-blog.csdnimg.cn/84e8edccc03c4fc391aabcd77c6d10d2.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2NDk3NjE3,size_16,color_FFFFFF,t_70#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/c9c905b9bbd84950975408e14d801c30.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2NDk3NjE3,size_16,color_FFFFFF,t_70#pic_center)
第二种方式适用于列表数据与展开显示的数据字段相同或者类似的,下面介绍下这两种情况的实现。
2.安装插件
iview目前已更新为ViewUI,官网地址:https://www.iviewui.com/docs/introduce
使用npm安装:
npm install view-design --save
项目引入:
import ViewUI from ‘view-design’; import ‘vie