刷新浏览器时，Vue 的过渡不起作用？

Question

当您刷新浏览器时，Vue 的 Transitions 似乎不起作用。

<transition
  v-on:before-enter="beforeEnter"
  v-on:enter="enter"
  v-on:leave="leave"
>
  <!-- ... -->
</transition>

methods: {
  beforeEnter: function (el) {
    console.log('before enter')
  },
  enter: function (el, done) {
    console.log('enter')
    done()
  },
  leave: function (el, done) {
    console.log('leave')
    done()
  }
}

例如，当我点击去http://myvue.com/#/foo I get the transitions and all the console logs. But I don't get the transitions and the logs when I refresh my browser on http://myvue.com/#/foo

有什么想法吗？

Answer 1

<transition
  appear
  v-on:before-enter="beforeEnter"
  v-on:enter="enter"
  v-on:leave="leave"
>
  <!-- ... -->
</transition>

刷新浏览器时，Vue 的过渡不起作用？

Vue's transitions don't work when you refresh the browser?

javascript

vue-router

vuejs2