Просмотр исходного кода

Add clear form progress

pull/342/head
Guillaume Vincent 6 лет назад
Родитель
Сommit
8ba6123160
1 измененных файлов: 34 добавлений и 0 удалений
  1. +34
    -0
      src/components/ClearFormProgress.vue

+ 34
- 0
src/components/ClearFormProgress.vue Просмотреть файл

@@ -0,0 +1,34 @@
<template>
<div class="progress" style="height: 1px;">
<div class="progress-bar" role="progressbar" v-bind:style="{ width: width + '%' }" v-bind:aria-valuenow="width" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</template>
<script>
export default {
name: "clearProgress",
props: {
duration: {
type: Number,
default: 30
}
},
data() {
return {
width: 100,
clearInterval: null
};
},
mounted() {
this.clearInterval = setInterval(() => {
this.width = this.width - 1;
}, this.duration * 10);
},
watch: {
width: function(value) {
if (value <= 0) {
clearInterval(this.clearInterval);
}
}
}
};
</script>

Загрузка…
Отмена
Сохранить