vue中页面跳转

1、找到router/index.js

2、在该文件中编辑

// 公共路由
export const constantRoutes = [
  
  编辑跳转
  {
    path: '/essay',
    component: Layout,
    hidden: true,
    redirect: 'noredirect',
    children: [
        {
            path: 'essayedit',
            component: (resolve) => require(['@/views/system/essayedit/index'], resolve),
            name: 'EssayEdit',
            meta: { title: '资讯编辑', icon: 'user' }
        }
    ]
},

/

3、在要跳转页面编辑

（我用的是方法跳转）

（1）不传参跳转

  文章编辑

 

    essayedit() {     
        this.$router.push({path:'essayedit'  })
    },

 跳转成功！！！

（2）传参跳转

   essayedit(row) {
  
        this.$router.push({path:'essayedit', query: {  id: row.essayId } })
    },

在接受页面打印出传的内容

    created() {
        
           console.log(this.$route.query)
          
         },