Range slider dynamic max?

1

Hey all,

I’m using the Vue range slider for an audio track. I can dynamically set the value based on the media position, but unable to dynamically set the max value.

ie. <f7-range :min="0" :max="mediaDuration" :step="0.01" :value="mediaPosition" />

I thought it may have been a rounding error, but no luck.

Thanks,
N.

2

I know it has been a while but I was looking for this solution for hours before I figured it out. I am replying to help everyone with this in the future. I dont know if this is the best method but it works well.

<f7-range :min="0" :max="updateDuration(mediaDuration)" :step="0.01" :value="mediaPosition" id="mediaRange" />

updateDuration(value){
    var rangeEl = f7.range.get('#mediaRange');
    rangeEl.max = value;
    return value;
}
1 Like