vue 2.8.2版本配置刚进入时候的默认页面方法

更新时间：2018年09月21日 08:46:25 作者：ylhsuper

今天小编就为大家分享一篇vue 2.8.2版本配置刚进入时候的默认页面方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

vue --version查看版本是 2.8.2；

vue 2.8.2版本配置刚进入时候的默认页面比如这里面的goods页面；

1.在路由文件下里面的index.js文件添加 { path: '/', redirect: '/goods/goods' }, // 默认就跳转此页面

2.也可以在app.vue里面配置

this.$router.push('/goods/goods'); // 页面加载时跳转

详情看下面

export default {
 name: 'app',
 components: {
  'v-header': header
 },
 created () {
//  this.$router.push('/goods/goods'); // 页面加载时跳转
 }
 };

前提都配置了此组件路由index.js文件如下

import Vue from 'vue';
import Router from 'vue-router';
import goods from '../components/goods/goods';
import ratings from '../components/ratings/ratings';
import seller from '../components/seller/seller';

Vue.use(Router);

export default new Router({
 routes: [
 { path: '/', redirect: '/goods/goods' }, // 默认就跳转此页面
 {
  path: '/goods/goods',
  name: 'goods',
  component: goods
 },
 {
  path: '/ratings/ratings',
  name: 'ratings',
  component: ratings
 },
 {
  path: '/seller/seller',
  name: 'seller',
  component: seller
 }
 ]
});

以上这篇vue 2.8.2版本配置刚进入时候的默认页面方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Vue导入Echarts实现折线散点图
这篇文章主要为大家详细介绍了Vue导入Echarts实现折线散点图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-10-10
vite2.0 踩坑实录
本文主要介绍了vite2.0 踩坑，记录了一些在配置项目中遇到的问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-07-07
Vue传递参数不在URL路径拼接显示问题
这篇文章主要介绍了Vue传递参数不在URL路径拼接显示问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-03-03
vue中v-cloak解决刷新或者加载出现闪烁问题（显示变量）
这篇文章主要介绍了vue中v-cloak解决刷新或者加载出现闪烁问题（显示变量） ,需要的朋友可以参考下
2018-04-04
Vue3使用dataV报错问题的解决方法
这篇文章主要为大家详细介绍了Vue3中使用dataV报错问题的解决方法,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以跟随小编一起学习一下
2023-11-11
vue中分割线的实现方式
这篇文章主要介绍了vue中分割线的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-12-12
vue中多个文件下载实现打包压缩下载示例
这篇文章主要为大家介绍了vue中多个文件下载实现打包压缩下载的发发示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-07-07
使用el-form之表单校验自动定位到报错位置问题
这篇文章主要介绍了使用el-form之表单校验自动定位到报错位置问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-05-05
vue实现登录时图形验证码
这篇文章主要为大家详细介绍了vue实现登录时图形验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-03-03
highCharts提示框中显示当前时间的方法
今天小编就为大家分享一篇关于highCharts提示框中显示当前时间的方法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
2019-01-01