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，这使Vue认为它是名称为“ v-model”的绑定道具，而不是v-model本身。 / p>

将: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>

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

1 个答案: