- 当前 Bug 的表现（可附上截图）
movable-view的初始默认x属性为20,disabled为false,然后将movable-view移动到其他位置后,再由undisabled置disabled时,
父级movable-area的class属性加了一个active类(这个是根本原因),导致movable-view复原
- 预期表现
movable-view置disabled,父级movable-area的class动态添加类名时位置还原
- 复现路径
问题一句总结:movable-view被置disabled时,且父级movable-area \的class动态添加类名时,movable-view会被复原.
- 提供一个最简复现 Demo
//wtml <movable-area class="movable-area {{movable.disabled?'active':''}}"> {{movable.text}} <movable-view class="movable-view" bindchange="movableChange" y="0" x="{{movable.position}}" disabled="{{movable.disabled}}" direction="horizontal"> </movable-view> </movable-area> //js |
const app = getApp() Page({ data: { devieceWith: wx.getSystemInfoSync().windowWidth, movable: { disabled: false, position: '', text: '拖动滑块验证' } }, movableChange(e) { console.log(e.detail.x) console.log(this.data.devieceWith) let _x = e.detail.x; let _dis = 'movable.disabled' let _pos = 'movable.position' let _text = 'movable.text' if (_x / 0.8 === this.data.devieceWith) { this.setData({ [_dis]: true, [_pos]: e.detail.x, [_text]: '验证成功' })
} } }) //js |
注:代码片段:https://developers.weixin.qq.com/s/oNZ8nUmP7i39
感谢反馈，我们会在后续版本中进行修复
不是很明白你所描述的问题？
请看一下那个片段,你就知道有些不对了~ 一句话总结就是:
movable-view移动到某位置后(非初始位置)被置disabled时,且父级movable-area 的class属性添加了一个类名(这个类名是根据movable-view的diabled值判断后所加),movable-view会被复原.