vue多个路由访问一个页面，如何动态修改页面的name

在Vue中，可以通过$route对象来获取当前路由信息，包括路由的name属性。所以，可以在页面中通过监听$route对象的变化来动态修改页面的name。具体代码如下：

export default {
  data() {
    return {
      pageTitle: ''
    }
  },
  mounted() {
    this.pageTitle = this.$route.name
  },
  watch: {
    $route(to, from) {
      this.pageTitle = to.name
    }
  }
}

在上面的代码中，我们定义了一个data属性pageTitle来存储页面的标题。在mounted生命周期钩子中，我们将pageTitle设置为当前路由的name属性。然后，通过watch监听$route对象的变化，当路由发生变化时，更新pageTitle的值为新的路由的name属性，从而动态修改页面的标题。