当前位置: 首页 > 知识库问答 >
问题:

javascript - vue-cli 热更新问题?

罗甫
2023-06-29

vuecli.vue3,一个简单的页面,点击按钮调出弹窗:
image.png
vscode每次改完代码保存->热更新,console就会报出警告,component丢失了,应该是子组件从新渲染,然后代码中的proxy还保持的是之前渲染的子组件;
image.png
这时候页面还是好的,报错出现在点击事件里:
image.png
子组件丢失了,要刷新才能同步,有没有解决办法

共有2个答案

段干飞翮
2023-06-29

看起来是业务代码中的问题,在组件渲染完成之前就调用了组件内部的方法。
在调用 $refs.dialogModel.open() 外部套上 $nextTick 应该就可以解决。

严安志
2023-06-29

问题产生的原因是我想在父组件用proxy的$refs去调用子组件方法,热加载就会出现问题;
我又尝试了另外两种方式,都没有问题,第二种还算简单:
一:这里:ref是响应式,会时时更新变量数据,但代码比$refs繁琐多了
image.png
二:直接定义ref为响应式,名字对上就行了:
image.png

相比较this.$refs还是多写了一行代码,可能是还不习惯vue3的思想;
后面还得解决eslint 报错,好烦: )

 类似资料:
  • 由于 imi 基于 Swoole 常驻内存,所以 PHP 的一大特点热更新就没有了。 为此,imi 中实现了业务代码的热更新,方便开发调试、动态部署,支持平滑重载。 有了热更新,开发时只需要保存代码,短短几秒甚至一瞬间,刷新页面,就可以立即看到效果! 配置 imi 默认开启了热更新,如果需要关闭或者个性化设置请看下文: 热更新通过配置文件中的beans节配置。 详见下面的注释: 'hotUpdat

  • “热更新”不不是简单地在您编辑文件时重新加载页面。开启着热更新,当你编辑一个*.vue 文件,这个组件所有的实例会在不刷新界面的情况下更新。 它甚至保留应用程序和这些组件相对应的当前状态!当你调整组件的模板或样式时,这大大提高了开发的体验。 当使用vue-cli构建项目时,热更新即可启用。

  • vuecli2项目部署以后不刷新就能更新页面的方案有没有? 急急急

  • ConfigMap是用来存储配置文件的kubernetes资源对象,所有的配置内容都存储在etcd中,下文主要是探究 ConfigMap 的创建和更新流程,以及对 ConfigMap 更新后容器内挂载的内容是否同步更新的测试。 测试示例 假设我们在 default namespace 下有一个名为 nginx-config 的 ConfigMap,可以使用 kubectl命令来获取: $ kube

  • 应用更新部署无需reload或者restarthi-nginx。hi-nginx-java能根据全局配置 route { lrucache { reflect { expires = 300 size = 1024 } } } 自动实现热更新。关键值由"route.lrucache.reflect.e

  • 这篇文档将全面覆盖热更新管理器 AssetsManager 的设计思路,技术细节以及使用方式。由于热更新机制的需求对于开发者来说可能各不相同,在维护过程中开发者也提出了各个层面的各种问题,说明开发者需要充分了解热更新机制的细节才能够定制出符合自己需要的工作流。所以这篇文档比较长,也尽力循序渐进得介绍热更新机制,但是并不会介绍过多使用层面的代码,对于想要先了解具体如何使用热更新机制来更新自己游戏的开