最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
vue 2.8.2版本配置刚进入时候的默认页面方法
时间:2022-06-25 15:37:35 编辑:袖梨 来源:一聚教程网
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 } ] });