Raccon

发布：2022-12-15 16:29
更新：2023-02-11 13:25
阅读：508

【报Bug】vue3 app中movable-area设置动态高度，可移动区域的高度不会更新

分类：uni-app

bug已修复

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 10

HBuilderX类型：正式

HBuilderX版本号： 3.6.13

手机系统： Android

手机系统版本号： Android 12

手机厂商：一加

手机机型： 7pro

页面类型： vue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<template>  
    <view>  
        <movable-area :style="{height: height + 'px'}">    
        </movable-area>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                height: 10, //可拖动区域的高度，单位px  
            }  
        },  
        mounted() {  
            this.height = 100;  
        }  
    }  
</script>

操作步骤：

动态设置movable-area高度

预期结果：

movable-area的可移动区域高度随动态高度变化

实际结果：

movable-area的可移动区域高度一直是最开始的值

bug描述：

movable-area的高度动态设置，视觉上看高度变化了，但是可移动区域的高度还是最开始的高度值

2022-12-15 16:29 负责人:DCloud_UNI_LXH 分享

3 个回复

最佳回复

DCloud

HBuilderX 3.7.1.20230210-alpha 已修复。

4***@qq.com

好像现在最新版本还存在这样问题 3.8.12.20230817

2023-09-28 07:41

DCloud_UNI_LXH

vue2 有发现这个问题吗？

Raccon (作者)

vue2是正常的

2023-01-18 08:53

DCloud_UNI_LXH

bug 已确认，已加分，后续修复

要回复问题请先登录或注册

【报Bug】vue3 app中movable-area设置动态高度，可移动区域的高度不会更新

示例代码：

`<template> <view> <movable-area :style="{height: height + 'px'}"> </movable-area> </view> </template> <script> export default { data() { return { height: 10, //可拖动区域的高度，单位px } }, mounted() { this.height = 100; } } </script>`

操作步骤：

动态设置movable-area高度

预期结果：

movable-area的可移动区域高度随动态高度变化

实际结果：

movable-area的可移动区域高度一直是最开始的值

bug描述：

3 个回复

公告

相关问题

【报Bug】vue3 app中movable-area设置动态高度，可移动区域的高度不会更新

示例代码： <template> <view> <movable-area :style="{height: height + 'px'}"> </movable-area> </view> </template> <script> export default { data() { return { height: 10, //可拖动区域的高度，单位px } }, mounted() { this.height = 100; } } </script>

操作步骤： 动态设置movable-area高度

预期结果： movable-area的可移动区域高度随动态高度变化

实际结果： movable-area的可移动区域高度一直是最开始的值

bug描述：

与内容相关的链接

3 个回复

公告

相关问题

示例代码：

`<template> <view> <movable-area :style="{height: height + 'px'}"> </movable-area> </view> </template> <script> export default { data() { return { height: 10, //可拖动区域的高度，单位px } }, mounted() { this.height = 100; } } </script>`

操作步骤：

动态设置movable-area高度

预期结果：

movable-area的可移动区域高度随动态高度变化

实际结果：

movable-area的可移动区域高度一直是最开始的值