vue修改路由meta的标题

项目场景：

vue脚手架项目根据不同的条件动态设置路由title

解决方案：

```javascript
const layout = [
      {
        path: '/Detail',
        component: () => import('@/index.vue'),
        name: 'Detail',
        meta: {
          title: '',
          keepAlive: false,
        },
        beforeEnter: (to, from, next) => {
          if (to.query.mode === 'edit') {
            to.meta.title = '编辑';
          } else if (to.query.mode === 'browse') {
            to.meta.title = '详情';
          } else {
            to.meta.title = '新增';
          }
          next();
        },
      },
   

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

1
2