<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>
8***@qq.com
- 发布：2022-03-17 16:05
- 更新：2022-03-17 21:11
- 阅读：509
产品分类： 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事件，记录组件内部变化的值，在设置新值之前先设置为记录的当前值