vue2.8.2版本如何配置默认页面
这篇文章主要为大家展示了“vue 2.8.2版本如何配置默认页面”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“vue 2.8.2版本如何配置默认页面”这篇文章吧。
创新互联建站2013年至今,是专业互联网技术服务公司,拥有项目成都网站设计、网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元二连浩特做网站,已为上家服务,为二连浩特各地企业和个人服务,联系电话:18980820575
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版本如何配置默认页面”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
文章名称:vue2.8.2版本如何配置默认页面
当前URL:http://scyanting.com/article/jsgppo.html