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 : 2 rpx 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
这个问题还是没有得到解决