刷新浏览器时,Vue的过渡不起作用吗?

时间:2019-02-20 13:54:38

标签: javascript vuejs2 vue-router

刷新浏览器时,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时,我会获得转换和所有控制台日志。但是当我在http://myvue.com/#/foo

刷新浏览器时,我获得转换和日志

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

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