vue-cli 热更新问题？
站长
· 阅读数 6
vuecli.vue3，一个简单的页面，点击按钮调出弹窗：
vscode每次改完代码保存->热更新，console就会报出警告，component丢失了，应该是子组件从新渲染，然后代码中的proxy还保持的是之前渲染的子组件；
这时候页面还是好的，报错出现在点击事件里：
子组件丢失了，要刷新才能同步，有没有解决办法
回复
1个回答
test
2024-07-01
问题产生的原因是我想在父组件用proxy的$refs去调用子组件方法，热加载就会出现问题;我又尝试了另外两种方式，都没有问题，第二种还算简单：一：这里:ref是响应式，会时时更新变量数据，但代码比$refs繁琐多了
二：直接定义ref为响应式，名字对上就行了：
相比较this.$refs还是多写了一行代码，可能是还不习惯vue3的思想；后面还得解决eslint 报错，好烦: )
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引，对解决问题有帮助
- 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容