前端-医院设置信息修改新增处的bug

前端-医院设置信息修改新增处的bug

  • 1、问题描述
  • 2、解决bug
  • 3、组件重用问题

1、问题描述

当我们点击了编辑页面跳转到了编辑页面,页面回显有数据。如果此时我们点击了路由的添加功能,则会出现bug,页面上还是有数据的。

2、解决bug

1、首先清空数据
在这里插入图片描述
但此时还是有bug,表单清空并没有起到作用。这是因为组件重用问题。

3、组件重用问题

  • 问题:vue-router导航切换 时,如果两个路由都渲染同个组件,
    组件的生命周期方法(created或者mounted)不会再被调用, 组件会被重用,显示上一个路由渲染出来的组件
  • 解决方案:可以简单的在 router-view上加上一个唯一的key,来保证路由切换时都会重新触发生命周期方法,确保组件被重新初始化。
  • 修改 src/views/layout/components/AppMain.vue 文件如下:

在这里插入图片描述
将以上地方代码解除注释
在这里插入图片描述

你可能感兴趣的:(医院挂号系统)