.出现抖动和回弹是因为一有滑动就对x或y进行实时赋值所导致的,不赋值也是可以滑动的,所有可以多写一个不和x或y直接联系的值
<movable-area>
<movable-view direction="vertical" @change="onChange1" @touchend="touchend" :disabled="isDisabled" :y="list[0].value" animation="false" friction="100" damping="1000">
<text class="val p-b">{{list[0].myval}}</text>
</movable-view>
</movable-area>
list: [{
id: 1,
myval: 0,//需要显示的值
value: 120,//y轴的值
name: '31'
}, ]
onChange1(e) {
//获取e的值,处理成需要显示的值
if (e.detail.y > 120) {
this.list[0].myval = -Math.abs(parseFloat(Number((e.detail.y) / 20 - 6).toFixed(1)))
} else {
this.list[0].myval = Math.abs(parseFloat(Number((e.detail.y) / 20 - 6).toFixed(1)))
// this.list[0].value = e.detail.y //不直接赋值给y轴,
},
<movable-area>
<movable-view direction="vertical" @change="onChange1" @touchend="touchend" :disabled="isDisabled"
:y="list[0].value" animation="false" friction="100" damping="1000">
<text class="val p-b">{{list[0].myval}}</text>
</movable-view>
</movable-area>
list: [{
id: 1,
myval: 0,//需要显示的值
value: 120,//y轴的值
name: '31'
}, ]
onChange1(e) {
//获取e的值,处理成需要显示的值
if (e.detail.y > 120) {
this.list[0].myval = -Math.abs(parseFloat(Number((e.detail.y) / 20 - 6).toFixed(1)))
} else {
this.list[0].myval = Math.abs(parseFloat(Number((e.detail.y) / 20 - 6).toFixed(1)))
}
// this.list[0].value = e.detail.y //不直接赋值给y轴,
},