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 相关文章推荐
jquery 元素相对定位代码
Oct 15 Javascript
JavaScript闭包 懂不懂由你反正我是懂了
Oct 21 Javascript
js 阻止子元素响应父元素的onmouseout事件具体实现
Dec 23 Javascript
你可能不知道的JavaScript的new Function()方法
Apr 17 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
Aug 04 Javascript
JavaScript实现更改网页背景与字体颜色的方法
Feb 02 Javascript
PHP+mysql+Highcharts生成饼状图
May 04 Javascript
js两种拼接字符串的简单方法(必看)
Sep 02 Javascript
第一次接触Bootstrap框架
Oct 24 Javascript
利用Vue.js实现checkbox的全选反选效果
Jan 18 Javascript
js如何获取网页所有图片
May 12 Javascript
浅谈JavaScript中this的指向问题
Jul 28 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中使用灵巧的体系结构
2006/10/09 PHP
PHP 木马攻击防御技巧
2009/06/13 PHP
php与paypal整合方法
2010/11/28 PHP
php中多维数组按指定value排序的实现代码
2014/08/19 PHP
PHP实现获取并生成数据库字典的方法
2016/05/04 PHP
PHP微信开发之微信消息自动回复下所遇到的坑
2016/05/09 PHP
PHP线程的内存回收问题
2016/07/08 PHP
Javascript里使用Dom操作Xml
2007/01/22 Javascript
lyhucSelect基于Jquery的Select数据联动插件
2011/03/29 Javascript
jquery 定位input元素的几种方法小结
2013/07/28 Javascript
js判断url是否有效的两种方法
2014/03/04 Javascript
js带前后翻页的图片切换效果代码分享
2015/09/08 Javascript
H5移动端适配 Flexible方案
2016/10/24 Javascript
AngularJS中$apply方法和$watch方法用法总结
2016/12/13 Javascript
浅谈vue+webpack项目调试方法步骤
2017/09/11 Javascript
JS实现的简单拖拽购物车功能示例【附源码下载】
2018/01/03 Javascript
mint-ui 时间插件使用及获取选择值的方法
2018/02/09 Javascript
JavaScript 对引擎、运行时、调用堆栈的概述理解
2018/10/22 Javascript
详解JSON和JSONP劫持以及解决方法
2019/03/08 Javascript
js判断鼠标移入移出方向的方法
2020/06/24 Javascript
Python兔子毒药问题实例分析
2015/03/05 Python
Python使用Selenium模块实现模拟浏览器抓取淘宝商品美食信息功能示例
2018/07/18 Python
python操作kafka实践的示例代码
2019/06/19 Python
pytorch多GPU并行运算的实现
2019/09/27 Python
python的range和linspace使用详解
2019/11/27 Python
Python内置函数locals和globals对比
2020/04/28 Python
python try...finally...的实现方法
2020/11/25 Python
c语言常见笔试题总结
2016/09/05 面试题
linux面试题参考答案(10)
2016/10/26 面试题
业务经理岗位职责
2013/11/11 职场文书
实习生自我鉴定范文
2013/12/05 职场文书
食堂员工工作职责
2013/12/18 职场文书
《颐和园》教学反思
2014/02/26 职场文书
导游词之西安大清真寺
2019/12/17 职场文书
nginx搭建NFS网络文件系统
2022/04/14 Servers
微软官方消息,在 2023 年 4 月 11 日之后微软将不再为 Office 2013 和 Skype for Business 2015 提供安全更新
2022/04/21 数码科技