vue-admin-template 添加列表页面(数据是.json文件) 作者:马育民 • 2022-05-10 14:40 • 阅读:10082 # 说明 效果如下图: [![](/upload/0/0/1IX3HmegeeOo.png)](/upload/0/0/1IX3HmegeeOo.png) # 执行流程 [![](/upload/0/0/1IX3HmhJVBf2.png)](/upload/0/0/1IX3HmhJVBf2.png) # 代码: 创建文件:`src\views\patient\list.vue` 内容如下: ``` 添加患者 查询 {{ scope.row.date }} 编辑 检测记录 治愈 ``` # json数据 创建 `public\patient_list.json` 文件 内容如下: ``` { "code":20000, "data":[{ "date": "2016-05-02", "name": "王小虎", "idcard": "123456789012345678", "address": "上海市普陀区金沙江路 1518 弄", "gender": "男", "source": "菜市场" }, { "date": "2016-05-02", "name": "王小虎", "idcard": "123456789012345678", "address": "上海市普陀区金沙江路 1518 弄", "gender": "男", "source": "菜市场" }, { "date": "2016-05-02", "name": "王小虎", "idcard": "123456789012345678", "address": "上海市普陀区金沙江路 1518 弄", "gender": "男", "source": "菜市场" }] } ``` 原文出处:http://malaoshi.top/show_1IX3HmiJsxQ6.html