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版本配置刚进入时候的默认页面方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
继续阅读与本文标签相同的文章
下一篇 :
Spark中的资源调度
-
大智能时代,需要什么样的产品经理
2026-05-18栏目: 教程
-
怎样才能让用户更喜欢你的APP应用
2026-05-18栏目: 教程
-
上线5个月:夸克无障碍服务瞄准视障用户
2026-05-18栏目: 教程
-
重磅,蒲公英私有化部署上线,724成为贴身助理!
2026-05-18栏目: 教程
-
华登区块狗区块猫APP系统平台开发源码定制
2026-05-18栏目: 教程
