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


Posted in Javascript onSeptember 21, 2018

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版本配置刚进入时候的默认页面方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js解析与序列化json数据(一)json.stringify()的基本用法
Feb 01 Javascript
jsPDF导出pdf示例
May 02 Javascript
JavaScript 性能优化小结
Oct 12 Javascript
浅析javascript函数表达式
Feb 10 Javascript
使用Object.defineProperty实现简单的js双向绑定
Apr 15 Javascript
js中获取jsp表单中radio类型的值简单实例
Aug 15 Javascript
jQuery无刷新上传之uploadify简单代码
Jan 17 Javascript
Node.js服务器开启Gzip压缩教程
Aug 11 Javascript
如何实现小程序tab栏下划线动画效果
May 18 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
May 20 Javascript
vue vant Area组件使用详解
Dec 09 Javascript
解决vue请求接口第一次成功,第二次失败问题
Sep 08 Javascript
Puppeteer环境搭建的详细步骤
Sep 21 #Javascript
jQuery序列化form表单数据为JSON对象的实现方法
Sep 20 #jQuery
JavaScript 高性能数组去重的方法
Sep 20 #Javascript
vue2 设置router-view默认路径的实例
Sep 20 #Javascript
vue实现同一个页面可以有多个router-view的方法
Sep 20 #Javascript
vuejs router history 配置到iis的方法
Sep 20 #Javascript
关于单文件组件.vue的使用
Sep 20 #Javascript
You might like
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
JQuery AJAX实现目录浏览与编辑的代码
2008/10/21 Javascript
ExtJs grid行 右键菜单的两种方法
2010/06/19 Javascript
用js获取电脑信息(是使用与IE浏览器)
2013/01/15 Javascript
6款新颖的jQuery和CSS3进度条插件推荐
2013/03/05 Javascript
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
2014/01/27 Javascript
JavaScript中的标签语句用法分析
2015/02/10 Javascript
js完美解决IE6不支持position:fixed的bug
2015/04/24 Javascript
20分钟轻松创建自己的Bootstrap站点
2016/05/12 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
2016/12/14 Javascript
easyUI下拉列表点击事件使用方法
2017/05/18 Javascript
微信小程序获取用户openId的实现方法
2017/05/23 Javascript
使用webpack打包koa2 框架app
2018/02/02 Javascript
AngularJS自定义过滤器用法经典实例总结
2018/05/17 Javascript
Vue组件之极简的地址选择器的实现
2018/05/31 Javascript
RequireJS用法简单示例
2018/08/20 Javascript
对vue 键盘回车事件的实例讲解
2018/08/25 Javascript
Nodejs Express 通过log4js写日志到Logstash(ELK)
2018/08/30 NodeJs
Vue.js实现的购物车功能详解
2019/01/27 Javascript
JS隐藏号码中间4位代码实例
2019/04/09 Javascript
vue+ESLint 配置保存 自动格式化代码
2020/03/17 Javascript
[51:05]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第一局
2016/03/06 DOTA
python使用fileinput模块实现逐行读取文件的方法
2015/04/29 Python
实例分析python3实现并发访问水平切分表
2018/09/29 Python
Python寻找路径和查找文件路径的示例
2019/07/10 Python
浅析PEP570新语法: 只接受位置参数
2019/10/15 Python
解决Tensorflow 内存泄露问题
2020/02/05 Python
List、Map、Set三个接口,存取元素时,各有什么特点?
2015/09/27 面试题
幼儿园家长会欢迎词
2014/01/09 职场文书
幼儿园教师节活动方案
2014/02/02 职场文书
教师通用专业自荐书范文
2014/02/11 职场文书
法学院毕业生求职信
2014/06/25 职场文书
单位授权委托书范文
2014/08/02 职场文书
2014年银行柜员工作总结
2014/11/12 职场文书
家访教师心得体会
2016/01/23 职场文书
如何通过一篇文章了解Python中的生成器
2022/04/02 Python