vuetify v-slider Невозможно получить новую позицию после нажатия на слайдер - PullRequest
Новая
       6

vuetify v-slider Невозможно получить новую позицию после нажатия на слайдер

0 голосов
/ 17 сентября 2018

В моем компоненте 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();
        }
    },

1 Ответ

0 голосов
/ 17 сентября 2018

Вы используете : для v-model -атрибута, который позволяет Vue думать, что это привязанная опора с именем "v-model", а не v-model.

Replace: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>
...