movable-view的置disabled且父级class动态添加类位置被还原 - WXOPEN Club

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会被复原.

//wtml

<movable-area class="movable-area {{movable.disabled?'active':''}}">

<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

不是很明白你所描述的问题？

感谢反馈，我们会在后续版本中进行修复