代码之家  ›  专栏  ›  技术社区  ›  user762579

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

  •  0
  • user762579  · 技术社区  · 6 年前

    更改幻灯片位置后无法获得值;-)

          <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 回复  |  直到 6 年前
        1
  •  2
  •   Bennett Dams    6 年前

    你用的是 : v-model V-模型

    替换 :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>