Vue页面跳转是通过路由跳转的

Vue页面跳转是通过路由跳转的

一、
    this.$router.push({
                    path: '/operate/add-manage/add',
                    //  参数
                    params: {
                        id:id
                    }
       })

二、

// table组件中的跳转
    {
              title: '用户账号',
              key: 'userMobile',
              align: 'center',
              render: (h, params) => {
                return h('div', [
                  h('span', params.row.userMobile),
                  h('Button', {
                    props: {
                      type: 'primary',
                      size: 'small'
                    },
                    style: {
                      marginLeft: '10px'
                    },
                    on: {
                      click: () => {
                        // this.show(params.index)
                        this.$router.push({
                          path: '/user/manage/user-detail',
                          query: { id: params.row.userId, type: 0 }
                        })
                      }
                    }
                  }, '查看')
                ])
              }
            },

三、

//  请求接口的跳转
setTimeout(() => {
     this.$router.push({ path: '/order/order-manage/raise-cattle' });
 }, 1000);

在根目录中
有个 router 文件夹 --》
有个 routers.jswen 文件打开里面有路由配置