vant的van-progres标签隐藏与显示
使用v-if,如果使用v-show初始值设置false时进度条是不会走的,只有进度条内的文字会变化。
< div style=“margin: 40px;” v-if=“featuresDis” @click=“actionProgress”>
< van-progress :percentage=“progressValue” :show-pivot=“false” stroke-width=“2” />
< /div>
export default {
data() {
return {
progressValue: 0,
featuresDis:false
};
},
methods: {
actionProgress() {
let second = 0;
const timer = setInterval(() => {
second++;
if (second < 100) {
this.progressValue = second;
} else {
clearInterval(timer);
this.progressValue = 0;
}
}, 30);
}
}
};