<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>
8***@qq.com
- 发布：2024-05-17 10:32
- 更新：2024-05-17 10:32
- 阅读：267
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 4.17
手机系统： Android
手机系统版本号： Android 10
手机厂商： 小米
手机机型： MI8
页面类型： nvue
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>
<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>预期结果：
nvue页面中能正确的动态设置movable-area组件的高度
nvue页面中能正确的动态设置movable-area组件的高度
实际结果：
nvue页面中不能正确的动态设置movable-area组件的高度
nvue页面中不能正确的动态设置movable-area组件的高度
bug描述：
<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>
0 个回复