vue-element-admin icon indicating copy to clipboard operation
vue-element-admin copied to clipboard

vue-element-admin热更新问题

Open rockm3 opened this issue 3 years ago • 4 comments

Bug report(问题描述)

整合完权限和登录才发现这个问题 当我回车新增一行(或几行)代码时 页面会播放进入动画,但是不会更新内容,关闭tag重新打开后(或者刷新),更改的内容出现 当我在原本文件已经存在的一行修改代码时,页面不会播放进入动画,热更新正常。 搜索相关问题时,发现无类似问题 同时,手动修改data中的变量内容,热更新无效

Steps to reproduce(问题复现步骤)

  1. 拉取一个新的项目
  2. npm install
  3. 运行项目
  4. 寻找一个页面,打开这个页面
  5. 在这个页面的html代码中新增一行,保存
  6. 页面会播放动画,但是无热更新
  7. 刷新页面
  8. 在新加入的一行后,键入一些内容,保存
  9. 页面热更新正常

Screenshot or Gif(截图或动态图)

动画

Link to minimal reproduction(最小可在线还原demo)

https://github.com/PanJiaChen/vue-element-admin

Other relevant information(格外信息)

  • Your OS:windows
  • Node.js version:v14.18.0
  • vue-element-admin version:4.4.0

rockm3 avatar Dec 09 '21 06:12 rockm3

同时我测试了vue-admin-template,发现并无此问题

rockm3 avatar Dec 09 '21 06:12 rockm3

搜索了一下issues,原因是keep-alive标签的问题,可以选择开发时注释掉layout->components->AppMain.vue中的keep-alive标签 image

rockm3 avatar Dec 09 '21 06:12 rockm3

确实是keep-alive搞的鬼,但是呢你把那个name:"DragTable"去掉就可以了

kyriegame avatar Nov 11 '22 02:11 kyriegame

DragTable

那不就没有keep-alive功能了吗

huyongyong1992 avatar Jan 02 '24 09:01 huyongyong1992