iview滑块选择器滑动选择时绑定的值是同步且准确的,
但点击取值时 this.siteDistance 只能获取到旧值
<template>
<Slider v-model="value" @on-change="changeSlider"></Slider>
</template>
<script>
export default {
data() {
return {
value: 25
};
},
methods: {
fun() {
console.log("fun:" + this.value);
},
changeSlider(val) {
console.log("回调val:" + val);
console.log("回调data:" + this.value);
this.fun();
}
},
watch: {
value: {
handler(newVal, oldVal) {
console.log('watch的newVal:'+newVal);
console.log('watch的oldVal:'+oldVal);
}
}
}
};
</script>
滑动滑块运行的结果:所有值都是准确的
点击滑块取值运行的结果,在fun和触发函数changeSlider中(在松开滑动时触发,返回当前的选值),this.value获取的都是旧值。
暂时解决方式是直接在触发函数changeSlider中重新赋值。