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

这篇文章主要为大家详细介绍了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版本配置刚进入时候的默认页面方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/6183-0.html

注：关于vue 2.8.2版本配置刚进入时候的默认页面方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js