vuetify v-slider无论如何要在更改位置后获取新值?

时间:2018-09-17 16:58:39

标签: vue.js vuetify.js v-slider

我的v型滑块与音频progress()函数的值绑定

      <v-slider id="progress" @click.native="setPosition()" color="#464898" :value="trackProgress"></v-slider>

当用户移动滑块时,我需要获取新位置,但是由于我没有设置v模型,所以无法获取它。 如果设置了v-model =“ percentage”,那么我可以得到位置,但我会失去:value属性链接...

computed: {
   trackProgress() {
     return this.progress * 100;
   },

  methods: {
    setPosition() {
      const currentDuration = parseInt(this.duration * this.percentage);
      this.setSeek(currentDuration);
      this.play();
    }
  },

我正在寻找一个单向数据绑定,每个进度条上的滑块=>值,所以当我单击滑块时,我会得到被点击的位置...。

1 个答案:

答案 0 :(得分:0)

您可以检查开始,结束和更改事件。这些事件在用户拖放值时发生。

检查值的其他方法是在值中添加观察者,您可以在观察者函数中访问旧值和新值。

我希望它能起作用。