结构如图：
js代码：
效果
可以看到打开对话框的事件已经触发了，也打印出对话框状态为true，但是对话框就是不显示，看似正常的代码其实是有bug的
原因就是声明变量的时候使用的是ref声明的，而ref声明的便变量使用的时候需要.value才可以使用，如：
这样就可以正常显示对话框了，这也是vue2玩家转vue3时容易踩的坑
文章讲述了在Vue2向Vue3迁移过程中，由于ref的使用方式变化导致的对话框显示bug。开发者可能遇到的情况是对话框事件已触发，状态正确但无法显示。原因是ref声明的变量需通过.value访问。修复方法是在调用时添加.value，这确保了对话框的正常显示。
扫一扫
1374
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
