this.$router.push修改路由title

您可以使用以下方法修改路由的标题：

在Vue.js中，可以通过修改页面的标题来更改路由的标题。您可以使用`document.title`访问和更改当前页面的标题。

在使用Vue Router时，可以使用`beforeEach`导航守卫来监听路由变化，并在每次路由变化前更改页面的标题。下面是一个示例：

// main.js
import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

const routes = [
  // 路由配置
];

const router = new VueRouter({
  routes
});

// 在导航之前执行的导航守卫
router.beforeEach((to, from, next) => {
  document.title = to.meta.title || '默认标题'; // 设置页面标题
  next();
});

new Vue({
  router,
  render: h => h(App)
}).$mount('#app');

上述代码中，`to.meta.title`表示目标路由对象的元信息中的`title`字段，您可以在路由配置中通过`meta`字段设置每个路由的标题。如果没有设置元信息或者`title`字段，则会使用默认标题。

在您的组件中，可以使用以下方式进行页面跳转，并且会自动修改页面的标题：

// 使用this.$router.push进行页面跳转
this.$router.push({ path: '/your-route-path', meta: { title: '新的标题' }});

在上述代码中，`path`表示要跳转到的路由路径，`meta`字段用于设置元信息，其中的`title`字段用来设置要修改的页面标题。

这样，每次使用`this.$router.push`进行页面跳转时，都会同时修改页面的标题。