vue $router 打开空白页

最新推荐文章于 2025-06-05 20:04:05 发布
最新推荐文章于 2025-06-05 20:04:05 发布
阅读量1.4k 收藏 2
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 自己的笔记 前端 vue 文章标签： vue vue-router
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_38592878/article/details/107085926
本文介绍Vue中使用$router的两种方式：一是默认替换当前页面；二是通过resolve方法配合window.open实现在新窗口打开页面，为用户提供更灵活的导航体验。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

默认是替换当前页

this.$router.push('/index')

可以用如下方法进行空白页打开

let xtbl = this.$router.resolve('/host/wait')
window.open(xtbl.href, '_blank');
解决this.$router.push无法打开新窗口
航叔小屋
06-19 1965
let routeData = this.$router.resolve({ path: ‘/goods’, query: { id: id } }); window.open(routeData.href, ‘_blank’);
使用router-link跳转页面，页面空白，数据未传递到指定页面——解决方法
Var521的博客
04-21 4109
问题叙述 我的毕设是新闻发布管理系统 这是首页新闻列表，我需要点击新闻列表获取详细的新闻内容，当我点击时，需要将新闻的编号，传递给后台，之后跳转页面，把后台查到的内容渲染到页面上，此时跳转页面有两种方法： 1.使用router-link <!-- 中间内容 --> <div class="mainContent"> <div ...
Vue路由跳转-页面显示空白
孙少的博客
05-07 5181
跳转页面，指定路径跳转到某个页面时，如果没有按照正确的方式写路径，会导致页面显示空白 html部分 方法1、 <div class="nav-item-1" @click="navitem">拼团专区</div> 方法2、 <router-link class="nav-item-2" to="/navitem">秒杀活动</router-link> js部分 methods: { //拼团专区页面 navite
vue-router路由问题：可以通过$router.push()跳转，但刷新后又变成空白页面
最新发布
Sandersonia的博客
06-05 383
vue-router路由问题：可以通过$router.push()跳转，但刷新后又变成空白页面
vue路由跳转问题，其他页面正常显示，刚创建的路由页面可以显示，但是刷新后页面空白问题
weixin_41277748的博客
04-13 1423
看似没用问题的路由，当使用this.$router.push({path: "/legalNotices"})时发现不能跳转， 当我使用this.$router.push({name: "legalNotices"})，name时发现可以跳转了，但结果刷新页面，页面空白； 其他页面的路由可以使用path跳转，就有那么几个不行；然后和其他路由的对比一下 结果发现天大的坑，因为空格问题，无法识别路由path,最后把空格去掉，就可以正常显示了刷新页面也可以正常显示了 ...
Vue3路由跳转页面显示空白问题
CZDBGSY的博客
06-20 763
A页面有template下有两个div，虽然V3声明可以多个div。但从A页面发起的跳转会失败，显示为空白。将router.push 字符串传参改为 {name：‘...’} 或者 {path：‘...’}就可。
Vue中在新窗口打开页面及Vue-router的使用
08-27
Vue 中在新窗口打开页面及 Vue-router 的使用 Vue 中在新窗口打开页面是指在点击某个按钮或链接时，在新的浏览器窗口中打开一个页面，而不是在当前页面中打开。这种方式可以满足某些特殊的需求，如在点击某个按钮时...
Vue-router的使用和出现空白页,路由对象属性详解
10-18
本篇文章将详细讲解 Vue-router 的使用方法，以及如何解决可能出现的空白页问题，并深入探讨路由对象的属性。 首先，Vue-router 的安装与配置通常涉及以下步骤： 1. 安装依赖： ``` npm install vue-router --...
vue-router 路由详解
大学生小郑的博客
07-21 1469
vue-router 路由详解
vue项目打包后打开页面空白解决办法
08-27
在Vue项目中，使用Vue Router来管理页面路由。路由模式的配置错误同样会导致页面无法正确显示。Vue Router有hash模式和history模式两种。 默认情况下，Vue Router使用的是hash模式，即地址栏中的URL会包含一个哈希...
Vue-router的使用和出现空白页,路由对象属性
如果不是现在，那是什么时候呢
10-28 1万+
Vue-router的使用和出现空白页 2018 5.5 更新 空白页还有一种情况，页面中数据使用的错误，会导致空白页 发现路由世界很精彩 可以带参数传路由，有兴趣的小伙伴可以试试 这个方法是我经常用的 this.$route.push({ path: '路径'， query: { key: 'value' } }) 跳转至另一个页...
解决vuecli使用this.$router.push跳转传参，参数在页面正常显示，控制台报空问题
qq_45560350的博客
03-11 1128
错误示例 在传参页面用 this.$router.push({ path: "/m/singleNews", query: { news: this.news } });语句 来进行页面的跳转并传参 在被传参的页面的mounted方法中用 this.news = this.$route.query.news;语句 来接收传递来的参数，并赋值给data中定义的news变量 在页面上通过{{news.title}} {{news.time}}等进行显示 // data中定义的news变量 data() {
html路由跳转首页空白,记一次VUE路由跳转后页面空白
weixin_33610780的博客
07-19 903
VUE从A页面路由跳转到B页面后页面空白，路由配置如下:importVuefrom'vue'importRouterfrom'vue-router'importHomeViewfrom'@/views/HomeView'importPlayViewfrom'@/views/PlayView'Vue.use(Router)exportdefaultnewRouter({...
【Vue自学记】解决：登录后router跳转到首页显示空白，刷新后正常
gcc921732678的博客
04-19 1501
window.location.href="/home" ，不要用this.$router.push("/home")2、在首页home.vue的created函数里面加个刷新location.reload()
vue中的路由跳转了，url改变，但是页面为空白，没有到达指定文件
m0_47265814的博客
05-25 2万+
问题描述： 初始路径 跳转之后： 然后当前页面全白了，到了一个空页面 如果输入一个没有对应文件的url时也会出现这种情况，比如： 我的目录下并没有mycollect文件 我的路由书写过程： 1.在router下的index.js中声明路由 const myinterest = () => import('@/my/myinterest') 2.还在该文件下注册路由 { // 这是链接上的显示路径 path: '/myinterest', componen
Vue中this.$router.push（参数） 实现页面跳转
热门推荐
吴冬雪的博客
05-22 13万+
由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。很多情况下，我们在执行点击按钮跳转页面之前还会执行一系列方法，这时可以使用。页面通过path/name和query传递参数，该实例中row为某行表格数据。及通过路由配置的name属性访问。来修改 url，完成跳转。
vue获取某id对应页面空白的情况
qq_41961638的博客
11-10 739
描述：一个页面this.$router.push(`/detail/${id}`);跳到detail页面，路径是/detail/(一个id)，但是调试显示页面的element为空，不执行mounted方法。 解决方法：在router.js添加含有id的路径。
vue路由跳转白屏问题
weixin_43972213的博客
09-23 7386
当前问题： 比如当前路由为： `/projectDetail?Id=1&name=页面1` 通过页面改变了路由参数Id `/projectDetail?Id=2&name=页面1` 此时做的操作是： this.$router.push({ name: 'projectDetail', query: { Id: this.id, name: this.name } }) this.$router.go(0) 在这种情况下，会导致页面整体刷新，且出
vue3实现动态菜单和动态路由和刷新后白屏处理
bu_xiang_tutou的博客
03-12 7625
项目中，当每一个角色得到的界面不一致的时候，我们就不能使用静态菜单了，而是要从后端得到动态的菜单数据，然后动态的将菜单数据展示在界面上。除了在界面展示，也还要将界面的路由动态添加，在路由动态添加之后，你可能会出现刷新界面，界面变白的情况，页面刷新白屏其实是因为vuex引起的，由于刷新页面vuex数据会丢失，所以动态添加路由这一步也就失效了。这种情况我会在最后给一个处理方法。
Vue-router使用详解：解决空白页问题与路由对象属性
"Vue-router的使用和出现空白页,路由对象属性详解" Vue-router是Vue.js应用程序中的核心组件，用于管理应用内的路由。它允许你在不同的视图之间平滑过渡，而无需向服务器发送请求。这篇文章主要介绍了Vue-router的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值