带动画的步进条形加载

Question

这里是我来自Vue引导组件的进度条，您可以在数据中设置默认值: number，我希望它在下一页时自动增加。有人能帮我吗？我试过使用道具，但我不知道该如何做。

   b-progress(:value='value', :max='max', show-progress='', animated='')

   b-button.next.mt-3.pb-1(v-if="nextLink" :to="{name: nextLink}")

   RegistrationNav(prev-link="registration_goal" next-link="registration_interview")

Answer 1

对于一个基本的例子，如果不使用vue，我们可以这样设想：

您有一个父组件，它包括b进度和其他一些组件或用户的inout：

  <template>
   <div>
       <b-progress :value="currentValue"><b-progress/>

       <button @click="currentValue++">Click to increment </button>
   </div>
  </template>

    export default {
    name: "Login.vue",

    data() {
        return {
            currentValue: 1
               }
         }
    }