iview滑块点击取值不准确

1 篇文章 0 订阅

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中重新赋值。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值