收藏
回答

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

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

- 当前 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


最后一次编辑于  2018-11-14  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

3 个回答

  • 那个很帅的小白
    那个很帅的小白
    2018-11-14

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

    2018-11-14
    赞同
    回复 1
    • 高慧鹏
      高慧鹏
      2018-11-14

      请看一下那个片段,你就知道有些不对了~ 一句话总结就是:

      movable-view移动到某位置后(非初始位置)被置disabled时,且父级movable-area 的class属性添加了一个类名(这个类名是根据movable-view的diabled值判断后所加),movable-view会被复原.

      2018-11-14
      赞同
      回复
    点击 登录
  • 晨
    2018-11-14

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

    2018-11-14
    赞同
    回复