<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>
4***@qq.com
- 发布：2023-09-28 08:21
- 更新：2023-09-28 08:21
- 阅读：219
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows
HBuilderX类型： 正式
HBuilderX版本号： 3.8.12
手机系统： Android
手机系统版本号： Android 12
手机厂商： 谷歌
手机机型： PIXEL 4XL
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
动态设置movable-area高度
动态设置movable-area高度
预期结果：
movable-area的可移动区域高度随动态高度变化
movable-area的可移动区域高度随动态高度变化
实际结果：
movable-area的可移动区域高度一直是最开始的值
movable-area的可移动区域高度一直是最开始的值
bug描述：
nvue页面 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>