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代码
Sep 17 Javascript
javascript学习笔记(二) js一些基本概念
Jun 18 Javascript
jquery获取radio值实例
Oct 16 Javascript
在jQuery中处理XML数据的大致方法
Aug 14 Javascript
bootstrap滚动监控器使用方法解析
Jan 13 Javascript
vue2.0实战之基础入门(1)
Mar 27 Javascript
Vue.js组件间通信方式总结【推荐】
Nov 23 Javascript
通过npm或yarn自动生成vue组件的方法示例
Feb 12 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
Apr 24 Javascript
使用 Vue-TCB 快速在 Vue 应用中接入云开发的方法
Feb 10 Javascript
JSONP 的原理、理解 与 实例分析
May 16 Javascript
html实现随机点名器的示例代码
Apr 02 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
绿山咖啡和蓝山咖啡
2021/03/04 新手入门
Zend Framework入门之环境配置及第一个Hello World示例(附demo源码下载)
2016/03/21 PHP
PHP读MYSQL中文乱码的快速解决方法
2016/10/01 PHP
PHP递归的三种常用方式
2019/02/28 PHP
JavaScript触发器详解
2007/03/10 Javascript
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
jQuery 连续列表实现代码
2009/12/21 Javascript
纯js分页代码(简洁实用)
2013/11/05 Javascript
js清空form表单中的内容示例
2014/05/20 Javascript
js实现圆盘记速表
2015/08/03 Javascript
JS 循环li添加点击事件 (闭包的应用)
2016/12/10 Javascript
JS实现含有中文字符串的友好截取功能分析
2017/03/13 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
2018/01/08 Javascript
利用npm 安装删除模块的方法
2018/05/15 Javascript
详解JavaScript中typeof与instanceof用法
2018/10/24 Javascript
小程序封装wx.request请求并创建接口管理文件的实现
2019/04/29 Javascript
vue与iframe之间的信息交互的实现
2020/04/08 Javascript
详解Python2.x中对Unicode编码的使用
2015/04/03 Python
详解Python3中的Sequence type的使用
2015/08/01 Python
Python使用filetype精确判断文件类型
2017/07/02 Python
python通过opencv实现批量剪切图片
2017/11/13 Python
OpenCV-Python实现轮廓检测实例分析
2018/01/05 Python
详解Python3中ceil()函数用法
2019/02/19 Python
python字符串格式化方式解析
2019/10/19 Python
python实现字典嵌套列表取值
2019/12/16 Python
python 错误处理 assert详解
2020/04/20 Python
python xlsxwriter模块的使用
2020/12/24 Python
纯CSS绘制漂亮的圆形图案效果
2014/05/07 HTML / CSS
欧洲高端品牌直销店:Fashionesta
2016/08/31 全球购物
技校生自我鉴定范文
2013/09/26 职场文书
在校生自我鉴定
2014/01/23 职场文书
应届毕业生应聘自荐信范文
2014/02/26 职场文书
2014年信贷员工作总结
2014/11/18 职场文书
煤矿安全保证书
2015/02/27 职场文书
党员干部廉政承诺书
2015/04/28 职场文书
2016幼儿园毕业感言
2015/12/08 职场文书