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上传图片前的限制包括(jpg jpg gif及大小高宽)等
Dec 19 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
Aug 26 Javascript
在父页面得到zTree已选中的节点的方法
Feb 12 Javascript
jQuery对象的链式操作用法分析
May 10 Javascript
Bootstrap 手风琴菜单的实现代码
Jan 20 Javascript
Vue2学习笔记之请求数据交互vue-resource
Feb 23 Javascript
JavaScript仿微信打飞机游戏
Jul 05 Javascript
使用classList来实现两个按钮样式的切换方法
Jan 24 Javascript
js验证身份证号码记录的方法
Apr 26 Javascript
d3.js 地铁轨道交通项目实战
Nov 27 Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
Jul 18 Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
Aug 07 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中理解print EOT分界符和echo EOT的用法区别小结
2010/02/21 PHP
PHP使用正则表达式清除超链接文本
2013/11/12 PHP
PHP中Session可能会引起并发问题
2015/06/26 PHP
PHP使用NuSOAP调用Web服务的方法
2015/07/18 PHP
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
php rmdir使用递归函数删除非空目录实例详解
2016/10/20 PHP
Yii2配置Nginx伪静态的方法
2017/05/05 PHP
laravel 中如何使用ajax和vue总结
2017/08/16 PHP
PHP开发实现快递查询功能详解
2019/04/08 PHP
php使用redis的有序集合zset实现延迟队列应用示例
2020/02/20 PHP
一个简单的jQuery插件制作 学习过程及实例
2010/04/25 Javascript
子页向父页传值示例
2013/11/27 Javascript
jQuery自带的一些常用方法总结
2014/09/03 Javascript
基于javascript实现单选及多选的向右和向左移动实例
2015/07/25 Javascript
javascript解析xml实现省市县三级联动的方法
2015/07/25 Javascript
最丑的时钟效果!js canvas时钟制作方法
2016/08/15 Javascript
基于bootstrap-datetimepicker.js不支持IE8的快速解决方法
2016/11/07 Javascript
Vue.js通用应用框架-Nuxt.js的上手教程
2017/12/25 Javascript
JS实现动态生成html table表格的方法分析
2018/07/11 Javascript
小程序指纹验证的实现代码
2018/12/04 Javascript
TypeScript中的方法重载详解
2019/04/12 Javascript
vue中的过滤器实例代码详解
2019/06/06 Javascript
layui插件表单验证提交触发提交的例子
2019/09/09 Javascript
JS Web Flex弹性盒子模型代码实例
2020/03/10 Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
2020/07/22 Javascript
VUE项目axios请求头更改Content-Type操作
2020/07/24 Javascript
Python探索之SocketServer详解
2017/10/28 Python
Python实现数据结构线性链表(单链表)算法示例
2019/05/04 Python
Python定时任务APScheduler的实例实例详解
2019/07/22 Python
python连接PostgreSQL过程解析
2020/02/09 Python
win10下opencv-python特定版本手动安装与pip自动安装教程
2020/03/05 Python
python 在sql语句中使用%s,%d,%f说明
2020/06/06 Python
Opencv常见图像格式Data Type及代码实例
2020/11/02 Python
上课打牌的检讨书
2014/02/15 职场文书
2014年政教处工作总结
2014/12/20 职场文书
2019通用版新员工入职培训方案!
2019/07/11 职场文书