问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 微信小程序 Bug movable-view 工具 6.7.3 2.3.2

- 当前 Bug 的表现（可附上截图）
movable-view的初始默认x属性为20,disabled为false,然后将movable-view移动到其他位置后,再由undisabled置disabled时,
movable-view的class属性加了一个active类(这个是根本原因),导致movable-view复原
- 预期表现
movable-view置disabled,父级movable-area的class动态添加类名时位置还原


- 复现路径
问题一句总结:movable-view被置disabled时,且父级movable-area的class动态添加类名时,movable-view会被复原.


- 提供一个最简复现 Demo
//wtml

{{movable.text}}





//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

微信小程序开发问题解答