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

来源:互联网 发布:淘宝店铺图片尺寸格式 编辑:程序博客网 时间:2024/06/05 05:47

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    }  ]});

阅读全文
0 0
原创粉丝点击