vuetify v-slider单击滑块后无法获得新位置

Question

在我的AudioPlayer组件中，我有一个v型滑块，在改变滑块位置之后我无法获得值；-)

      <v-slider @change="setPosition()" :value="trackProgress" :v-model="percentage" thumb-label></v-slider>


    data() {
      return {
        percentage: 0
      };
    },
    computed: {
        trackProgress: function() {
          return this.progress * 100;
        }
      },
    methods: {
        setPosition() {
          console.log("SET POSITION: ", this.percentage); // always 0 !!!
          // this.setProgress(this.percentage / 100);
          // this.togglePlayback();
        }
    }, 

Answer 1

您在v-model -attribute上使用: ，这使Vue认为它是名称为“ v-model”的绑定道具，而不是v-model本身。

用:v-model替换:v-model v-model ：

<v-slider @change="setPosition()" :value="trackProgress" :v-model="percentage" thumb-label></v-slider>

应该

<v-slider @change="setPosition()" :value="trackProgress" v-model="percentage" thumb-label></v-slider>