Vue路由跳转-页面显示空白

跳转页面，指定路径跳转到某个页面时，如果没有按照正确的方式写路径，会导致页面显示空白

html部分

   方法1、<div class="nav-item-1" @click="navitem">拼团专区</div>方法2、<router-link class="nav-item-2" to="/navitem">秒杀活动</router-link>

js部分

 methods: {//拼团专区页面navitem() {this.$router.push({// path: "../views/HomePro/GroupBooking", //1、跳转的页面路径---此路径跳到页面时会显示空白页面// name: "GroupBooking",//2、跳转的页面路径path: "/GroupBooking", //3、跳转的页面路径});},

router.js部分------------ Vue.use(VueRouter)

{path: '/GroupBooking',//拼团专区name: 'GroupBooking',meta: {index: 1},component: () => import(/* webpackChunkName: "groupbooking" */ '../views/HomePro/GroupBooking.vue'),},

Vue路由跳转-页面显示空白相关推荐

Vue路由跳转但显示空白页面
在router文件下的index.js 中配置了'Hi'的子路由,但是点击跳转界面却不显示子路由的内容,但是url正常改变. 原因一: 没有在父路由中加上<router-view>< ...
vue 路由跳转页面不刷新
vue 路由跳转页面不刷新点击打开视频讲解地址在router-view 里边添加 :key="$route.fullPath" <!-- 添加:key="$ro ...
vue路由跳转页面滚动到顶部
如果想在vue路由跳转后滚动到指定的位置,只需要调用内置方法(scrollBehavior)官网地址链接: https://router.vuejs.org/zh/guide/advanced/scr ...
vue路由IE9浏览器iframe显示空白
最近遇到一个很神奇的问题,vue路由地址在所有浏览器单独访问都能正常显示,但是将路由地址通过JS赋值给IE9中的iframe src时一直显示空白页,查看浏览器源代码发现路由地址一切正常.因为只有IE ...
vue路由跳转页面的几种方式
1.声明式导航router-link // 注意:router-link中链接如果是'/'开始就是从根路由开始,如果开始不带'/',则从当前路由开始. <router-link :to=&quo ...
Vue路由跳转页面并刷新页面
watch监测到路由发生跳转时刷新一次页面 watch: {$route() {location.reload();},},
vue 路由跳转页面打开新页面_vue-router跳转时打开新页面的两种方法
vue-router跳转时打开新页面的两种方法最近还是在痛苦的挣扎中挣扎吧记录一下在vue项目中如何实现跳转到一个新页面(一个比较简单又比较基础的问题了),有两个方法: 1.标签实现新窗口打开 ...
vue 路由跳转页面数据不更新问题
由于 router-view 使用了 keep-alive组件,被缓存了. 原因:vue-router的切换不同于传统的页面切换,而是路由之间的切换,其实就是组件之间的切换,引用相同组件的时候,会直 ...
打包后index.html路径错误,解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题...
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题 2018年05月23日 10:05:35 for_weber 阅读数:14179 Vue项目运行npm run buil ...

Vue路由跳转-页面显示空白

跳转页面，指定路径跳转到某个页面时，如果没有按照正确的方式写路径，会导致页面显示空白

html部分

js部分

router.js部分------------ Vue.use(VueRouter)

Vue路由跳转-页面显示空白相关推荐

最新文章

热门文章