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 相关文章推荐
Javascript实现的分页函数
Feb 07 Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
Jul 01 Javascript
js实现二代身份证号码验证详解
Nov 20 Javascript
javascript为按钮注册回车事件(设置默认按钮)的方法
May 09 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
Oct 21 Javascript
jquery中checkbox使用方法简单实例演示
Nov 24 Javascript
AngularJS API之copy深拷贝详解及实例
Sep 14 Javascript
js设置随机切换背景图片的简单实例
Nov 12 Javascript
微信小程序中进行地图导航功能的实现方法
Jun 29 Javascript
Element-ui tree组件自定义节点使用方法代码详解
Sep 17 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
Apr 20 Javascript
如何解决js函数防抖、节流出现的问题
Jun 17 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 无限级数据JSON格式及JS解析
2010/07/17 PHP
php使用指定编码导出mysql数据到csv文件的方法
2015/03/31 PHP
PHP将Excel导入数据库及数据库数据导出至Excel的方法
2015/06/24 PHP
Laravel框架实现的rbac权限管理操作示例
2019/01/16 PHP
JS实现黑客帝国文字下落效果
2015/09/01 Javascript
AngularJS中的Directive自定义一个表格
2016/01/25 Javascript
JS判断日期格式是否合法的简单实例
2016/07/11 Javascript
jquery拼接ajax 的json和字符串拼接的方法
2017/03/11 Javascript
node.js中实现kindEditor图片上传功能的方法教程
2017/04/26 Javascript
bootstrap table表格插件使用详解
2017/05/08 Javascript
angularJs中json数据转换与本地存储的实例
2018/10/08 Javascript
微信小程序开发问题之wx.previewImage
2018/12/25 Javascript
vue自动路由-单页面项目(非build时构建)
2019/04/30 Javascript
ES6中的类(Class)示例详解
2020/12/09 Javascript
[01:33]真香警告!DOTA2勇士令状不朽珍藏Ⅱ饰品欣赏
2018/06/26 DOTA
[55:18]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python做智能家居温湿度报警系统
2018/09/25 Python
Python 单例设计模式用法实例分析
2019/09/23 Python
查看jupyter notebook每个单元格运行时间实例
2020/04/22 Python
通过代码实例了解Python3编程技巧
2020/10/13 Python
python从Oracle读取数据生成图表
2020/10/14 Python
使用Html5实现异步上传文件,支持跨域,带有上传进度条
2016/09/17 HTML / CSS
澳大利亚家具和家居用品在线:BROSA
2017/11/02 全球购物
Blancsom美国/加拿大:服装和生活用品供应商
2018/07/27 全球购物
体育教师工作总结的自我评价
2013/10/10 职场文书
财务经理的岗位职责
2013/12/17 职场文书
愚人节活动策划方案
2014/03/11 职场文书
初中班主任寄语
2014/04/04 职场文书
一年级小学生评语
2014/04/22 职场文书
汉语言文学专业求职信
2014/06/19 职场文书
最美家庭活动方案
2014/08/31 职场文书
工作疏忽检讨书500字
2014/10/26 职场文书
幼儿园2014年度工作总结
2014/11/10 职场文书
2015年七夕情人节活动方案
2015/05/06 职场文书
村官2015年度工作总结
2015/10/14 职场文书
python 实现图与图之间的间距调整subplots_adjust
2021/05/21 Python