<template>
<block>
<movable-area >
<movable-view direction="all" :scale='true' :scale-value="scaleValue" @scale="onScale"></movable-view>
</movable-area>
</block>
</template>
<script>
// index.js
export default {
data() {
return {
scaleValue: 1
};
},
methods: {
onScale: function (a) {
this.scaleValue = a.detail.scale;
},
onChange: function (a) {
}
}
};
</script>
<style>
movable-area {
height: 300rpx;
width: 100%;
background-color: #d8d8d8;
overflow: hidden;
}
movable-view {
display: flex;
align-items: center;
justify-content: center;
height: 150rpx;
width: 150rpx;
background-color: #007aff;
color: #fff;
}
</style>

- 发布:2022-03-17 16:05
- 更新:2022-03-17 21:11
- 阅读:507
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 22000.556
HBuilderX类型: 正式
HBuilderX版本号: 3.3.13
第三方开发者工具版本号: 1.05.2203070
基础库版本号: 2.23.0
项目创建方式: HBuilderX
操作步骤:
预期结果:
movable-view scale-value绑定值手势缩放后,绑定值自动改变
movable-view scale-value绑定值手势缩放后,绑定值自动改变
实际结果:
movable-view scale-value绑定值手势缩放后,绑定值不会自动改变
movable-view scale-value绑定值手势缩放后,绑定值不会自动改变
bug描述:
movable-view scale-value绑定值手势缩放后,绑定值不会自动改变,缩放事件修改绑定值,会自动一直放大
1 个回复
DCloud_UNI_Anne
请详细说明您的问题,你是说绑定值的问题?还是指缩放问题?
1、你绑定的方式需自行增加防抖处理
2、方式二参考,文档常见问题4,监听onScale事件,记录组件内部变化的值,在设置新值之前先设置为记录的当前值