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版本配置刚进入时候的默认页面方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文主要介绍了Element中Select选择器的实现，文中根据实例编码详细介绍的十分详尽，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要介绍了vue-cli中安装方法(图文详细步骤)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
vuex是一个专门为vue.js设计的集中式状态管理架构。这篇文章主要介绍了vuex的简单使用,需要的朋友可以参考下2018-02-02
这篇文章主要为大家详细介绍了基于Vue实现timepicker效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
这篇文章主要为大家详细介绍了vue实现横屏滚动公告效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要介绍了vue使用高德地图点击下钻 上浮效果的实现思路,本文以浙江省为例通过实例代码给大家介绍的非常详细，需要的朋友可以参考下2019-10-10
这篇文章主要介绍了vue 无法覆盖vant的UI组件的样式问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了Vue手把手教你撸一个 beforeEnter 钩子函数，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-04-04
这篇文章主要介绍了vue中可以绑定多个事件吗，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
vue-infinite-scroll插件可以无限滚动实现加载更多，其作用是是当滚动条滚动到距离底部的指定高度时触发某个方法。这篇文章主要介绍了用vue-infinite-scroll实现无限滚动效果,需要的朋友可以参考下2018-06-06
最新评论