烟台网站建设策划方案,青岛网站建设 百度,优秀企业网站赏析,网页游戏制作工具路由的安装和引入以及注册就不过多赘述#xff0c;直接说区别和怎么跳转页面
vue2路由跳转以及传递参数
vue2只需要创建好router文件夹和index.js#xff0c;配置好我们的路由#xff0c;在main.js引入
import router from /router; // vue路由app.use(route…路由的安装和引入以及注册就不过多赘述直接说区别和怎么跳转页面
vue2路由跳转以及传递参数
vue2只需要创建好router文件夹和index.js配置好我们的路由在main.js引入
import router from /router; // vue路由app.use(router)
然后在页面中调用路由跳转
this.$router.push(/login);this.$router.push({name: Login,query: {a: this.$route.query.a,purStep: obj.menuKey,key: page new Date().getDate()}
});this.$router.push({path: /login,query: {a: this.$route.query.a,purStep: obj.menuKey,key: page new Date().getDate()}
});vue3路由跳转以及传递参数
同样需要创建好router文件夹和index.js配置好我们的路由在main.js引入
// router文件
import { createRouter, createWebHistory,createWebHashHistory } from vue-router;const router createRouter({history: createWebHashHistory(import.meta.env.BASE_URL),routes: [{path: /,name: Login,component: () import(/views/login/Login.vue),},// 后台首页{path: /home,name: Home,component: () import(/layout/Index.vue),children: [{path: /type,name: Type,component: () import(/views/qrCode/type.vue),},{path: /video,name: Video,component: () import(/views/qrCode/video.vue),}],},],
});export default router;import router from /routernew Vue({router,store,render: h h(App)
}).$mount(#app);
然后在页面中调用路由跳转
import router from /router/index.jsrouter.push(/login)router.push({name: Login,query: {a: 123}
});router.push({path: /login,query: {a: 123}
});好了具体的区别就是vue3里面没有this指向了我们需要吧router引用到需要调用router.push的页面即可调用成功跳转学废了吗