VueJs - необходимо увеличивать процент кругового индикатора выполнения на основе каждого крючка жизненного цикла

Question

Мне нужно обновить процент круговой шкалы выполнения на основе хуков жизненного цикла vuejs BeforeCreate и Created. Этот индикатор выполнения должен остановиться, когда запись будет полностью создана.

Answer 1

Вы можете сделать это, привязав атрибут value круглого индикатора выполнения к переменной, например :value="pBarValue" и установите желаемый процент для каждого крючка, например:

beforeCreate() {
 this.pBarValue = 0;
 }
created() {
 this.pBarValue = 100;
 }

и вы можете использовать v-if или v-showв зависимости от вашей ситуации, когда вы хотите его отобразить, а когда хотите скрыть. просто обратите внимание, что весь процесс обычно проходит очень быстро, и если вы хотите увидеть результат, вам, вероятно, следует использоватьconsole.log!