Bug


有多个movable-view ,bindscal始终触发示例中蓝色的movable-view放大缩小。且回调始终执行onScale1

,打印1。


* 如何复现?  代码如下

<movable-area style="height: 1206rpx; width: 100%; background: red;" scale-area>

<movable-view style="height: 50px; width: 50px; background: blue;" direction="all" bindchange="onChange" x="100" y="200" bindtap="onTap" bindscale="onScale1" scale scale-min="0.5" scale-max="4" scale-value="1">

</movable-view>

<movable-view style="height: 100px; width: 100px; background:green;" direction="all" bindchange="onChange" x="10" y="20" bindtap="onTap" bindscale="onScale2" scale scale-min="0.5" scale-max="4" scale-value="1">

</movable-view>

</movable-area>


.js

Page({

onChange: function (e) {

},

onScale1: function (e) {

console.log('1')

},

onScale2: function (e) {

console.log('2')

}

})



************解决方式

通过 scale="{{switch}}"

控制scale的状态,两个movable-view可以切换数据中switch的值控制哪一个组件触发。代码如下


.wxml

<movable-area style="height: 1206rpx; width: 100%; background: red;" scale-area>

<movable-view style="height: 50px; width: 50px; background: blue;" direction="all" bindchange="onChange" x="100" y="200" bindtap="onTap" bindscale="onScale1" scale="{{switc}}" scale-min="0.5" scale-max="4" scale-value="1">

</movable-view>

<movable-view style="height: 100px; width: 100px; background:green;" direction="all" bindchange="onChange" x="10" y="20" bindtap="onTap" bindscale="onScale2" scale="{{!switc}}" scale-min="0.5" scale-max="4" scale-value="1">

</movable-view>

</movable-area>

.js


Page({

data:{

switc:true},

onTap:function(){

var flag = this.data.switc

this.setData({

switc: !flag

})

}

})






展开全部
收起
1回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Mason

    4人对此回答表示赞同

    嗯是个办法

    展开
    4
    0回复
    发布于 6年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部