- 发布：2025-06-27 10:12
- 更新：2025-06-27 12:08
- 阅读：24
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 15.5
HBuilderX类型： 正式
HBuilderX版本号： 4.66
手机系统： 全部
手机厂商： 苹果
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
<movable-area :style="{ width: '100%', height: allQuestionHeight + 'px' }">
<movable-view
class="base-drag-wrapper"
v-for="item in questions"
:key="item.id"
:y="item.y"
style="width: 100%;"
direction="vertical"
@change="handleMove"
>
<view class="question-item">
<text>{{ item.text }}</text>
</view>
</movable-view>
</movable-area>
onMounted(() => {
// 注释修改高度的代码就正常显示
setTimeout(() => {
allQuestionHeight.value = 200;
}, 500);
});
<movable-area :style="{ width: '100%', height: allQuestionHeight + 'px' }">
<movable-view
class="base-drag-wrapper"
v-for="item in questions"
:key="item.id"
:y="item.y"
style="width: 100%;"
direction="vertical"
@change="handleMove"
>
<view class="question-item">
<text>{{ item.text }}</text>
</view>
</movable-view>
</movable-area>onMounted(() => {
// 注释修改高度的代码就正常显示
setTimeout(() => {
allQuestionHeight.value = 200;
}, 500);
});操作步骤：
使用movable-area然后动态修改了其高度，然后根据数据切换成其他组件时，原movable-area组件所在区域将不显示任何内容
使用movable-area然后动态修改了其高度，然后根据数据切换成其他组件时，原movable-area组件所在区域将不显示任何内容
预期结果：
希望能正常显示
希望能正常显示
实际结果：
页面异常
页面异常
bug描述：
使用movable-area动态修改了其高度，然后根据数据切换成其他组件时，原movable-area组件所在区域将不显示任何内容；写了一个很简单的demo，100%复现
正常不修改movable-area高度时：
修改高度后切换：
