道具编号不会改变时间

Question

I'm building an audio player with basic functionalities like backward, play and forward button. The player does the backward functionality fine but the forward doesn't work even though I set the same variable for both. What could be the reason for this anomaly?

props: {
    skipTime: {
        type: Number
    }
  },
  methods: {
    prev() {
      this.$refs.audio.currentTime -= this.skipTime;
    },
    next(){
      this.$refs.audio.currentTime += this.skipTime;
    }

however this works

props: {
    skipTime: {
        type: Number
    }
  },
  methods: {
    prev() {
      this.$refs.audio.currentTime -= this.skipTime;
    },
    next(){
      this.$refs.audio.currentTime += 5;
    }

Answer 1

It seems that this.$refs.audio.currentTime += this.skipTime; is doing string concatenation instead of sum, try out:

  this.$refs.audio.currentTime += +this.skipTime;

,

 this.$refs.audio.currentTime += Number(this.skipTime);

or

this.$refs.audio.currentTime =Number(this.$refs.audio.currentTime )+ Number(this.skipTime);