公告列表
公告列表
收藏
回答

movable-view 组件x参数 使用 js 设置默认值自动锁定bug？

组件名称：movable-view


x参数直接写没问题，一旦使用js程序就会被锁定，无法修改。



程序复现：

wxml：
<view classx="page-body">
  <view class="page-section">
    <view class="page-section-title">只可以横向移动</view>
    <movable-area>
      <movable-view direction="horizontal" x="{{a[0].x}}" bindchange="onChange">text</movable-view>
    </movable-area>
  </view>
</view>

js:

Page({
  data: {
    a:[{x:20,q:3}]
  },
  onChange:function(){
    var a = this.data.a
    a.y = this.data.x * 2
    this.setData({
      a:a
    })
  }
})

wxss：

movable-view {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100rpx;
  width: 100rpx;
  background: #1AAD19;
  color: #fff;
}
 
movable-area {
  height: 400rpx;
  width: 400rpx;
  margin: 50rpx;
  background-color: #ccc;
  overflow: hidden;
}
 
.max {
  width: 600rpx;
  height: 600rpx;
}
 
.page-section{
  width: 100%;
  margin-bottom: 60rpx;
}
 
.page-section:last-child{
  margin-bottom: 0;
}
 
.page-section-title{
  font-size: 28rpx;
  color: #999999;
  margin-bottom: 10rpx;
  padding-left: 30rpx;
  padding-right: 30rpx;
}

原因：

当x存在 数组中时，其他参数发生改变，x 就会发生锁定现象

最后一次编辑于  2019-08-23
回答关注问题邀请回答
收藏

1 个回答

请 登录 后发表内容
相关问题
相关文档
问题标签
小程序开发组件movable-view视图容器pagewxml