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

Question

在我的AudioPlayer组件中，我有一个v-slider我无法获得cha之后的值，ging滑动位置;-)

      <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，这让Vue认为它是一个名为“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>