WXML:
<button bindtap='tapHandler'>change size</button><movable-area class="move_container" style="width:{{width}}px;height:{{height}}px;"> <movable-view class="move_item" style="width:{{length}}px; height:{{length}}px;" direction="all" x="{{x-length/2}}" y="{{y-length/2}}"></movable-view></movable-area> |
WXSS:
.move_container { /* position: absolute; */ margin: 0 auto; border: 2rpx solid red;}.move_item { opacity: 0.7; background: red; border-radius: 50%;} |
JS:
Page({ data: { width: 100, height: 100, length: 50, x: 22, y: 22, }, onLoad: function (options) { }, tapHandler: function () { this.setData({ width: 300, height: 300, x: 111, y: 111 }) },)} |

wx:if wx:else 写两次?
如何重新渲染?wx:if怎么重新渲染?能举个例子吗?
求解决
用wx:if控制
如何重新渲染?
目前我的解决办法是使用absolute
可以设置好必要的参数后,在渲染movablarea组件
暂时只能重新渲染movable-view
我也遇到了这个问题,计算高度之后movable-area的高度属性变化了,但是movable-view的可移动区还是设置前的初始值,感觉官方在做movable的时候漏了,是个bug
这个问题还是没有得到解决