javascript - vue-router 路由切换后调用js方法

Question

父组件App.vue, 子组件a.vue和b.vue

父组件中用router-view 切换 a、b两个子组件

现在有一个获取b.vue中某个元素的方法，

想要当路由切换为a.vue时不调用该方法（b.vue没加载，调用了也会报错），当切换为b.vue时调用该方法，
该如何实现？

Answer 1

根据Vue的生命周期，可以使用mounted生命周期方法来实现

Answer 2

在b.vue中增加生命周期方法

mounted: function () {
  this.$nextTick(function () {
    doSomething()
  })
}