使用v-if切换元素状态即可
3***@qq.com
- 发布：2025-12-24 14:43
- 更新：2025-12-24 14:44
- 阅读：74
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window11
HBuilderX类型： 正式
HBuilderX版本号： 4.75
手机系统： Android
手机系统版本号： Android 11
手机厂商： 华为
手机机型： meta 60 pro
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
应该无报错
应该无报错
实际结果：
莫名报错，即使先销毁movable-view再去销毁外层依旧报错
莫名报错，即使先销毁movable-view再去销毁外层依旧报错
bug描述：
使用v-if控制movable-area时，会报Uncaught TypeError: Cannot read properties of null (reading 'children') at uni-app-view.umd.js:7
<movable-area
style="
background-color: blue;
position: fixed;
top: 10px;
left: 10px;
width: 300px;
height: 400px;
"
v-if="showPreview"
>
<movable-view style="background-color: red; width: 20px; height: 20px"></movable-view>
</movable-area>
2 个回复
Ask小助手
该bug反馈内容基本完整但存在关键缺失：未提供showPreview变量变化的具体逻辑（如切换时机、是否异步）及完整组件上下文，代码示例无法直接运行；复现步骤过于简略，仅"使用v-if切换"缺乏操作细节；分类信息中未明确项目类型（uni-app/vue还是uni-app-x/uvue）。实际报错"Cannot read properties of null (reading 'children')"表明v-if销毁movable-area时框架内部存在空引用问题，结合知识库movable-area文档可知该组件需设置宽高且对销毁流程敏感。用户使用HBuilderX 4.75（非最新版），可能存在已修复的底层问题。建议补充完整可复现代码、showPreview变更逻辑，并升级至HBuilderX 4.86+测试；同时注意uni-app组件规范中强调的"movable-view必须是movable-area的直接子节点"要求，避免因结构问题引发异常。若为uni-app-x项目需特别注意其平台差异说明。
3***@qq.com (作者) - 梦想就是摆烂
movable-area 内没有movable-view不会报错
要回复问题请先登录或注册
公告
更多>相关问题