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可突破windows弹退效果代码
Aug 09 Javascript
DWR实现模拟Google搜索效果实现原理及代码
Jan 30 Javascript
jQuery中$.click()无效问题分析
Jan 29 Javascript
jquery中radio checked问题
Mar 16 Javascript
JavaScript 事件绑定及深入
Apr 13 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
Aug 21 Javascript
JS Testing Properties 判断属性是否在对象里的方法
Oct 01 Javascript
JS实现登录页密码的显示和隐藏功能
Dec 06 Javascript
angularJS实现动态添加,删除div方法
Feb 27 Javascript
微信小程序学习笔记之登录API与获取用户信息操作图文详解
Mar 29 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
Sep 18 Javascript
微信小程序实现带放大效果的轮播图
May 26 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
ThinkPHP框架搭建及常见问题(XAMPP安装失败、Apache/MySQL启动失败)
2016/04/15 PHP
DEDE实现转跳属性文档在模板上调用出转跳地址
2016/11/04 PHP
PHP 无限级分类
2017/05/04 PHP
php利用ffmpeg提取视频中音频与视频画面的方法详解
2017/06/07 PHP
JavaScript 事件对象的实现
2009/07/13 Javascript
突发奇想的一个jquery插件
2010/11/19 Javascript
3分钟写出来的Jquery版checkbox全选反选功能
2013/10/23 Javascript
JavaScript判断变量是否为undefined的两种写法区别
2013/12/04 Javascript
Javascript写入txt和读取txt文件示例
2014/02/12 Javascript
JavaScript中的console.profile()函数详细介绍
2014/12/29 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
2015/03/04 Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
2015/03/21 Javascript
jQuery实现带延迟效果的滑动菜单代码
2015/09/02 Javascript
通过设置CSS中的position属性来固定层的位置
2015/12/14 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
2016/05/19 Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
2016/06/12 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
2016/09/01 Javascript
JS实现鼠标移上去显示图片或微信二维码
2016/12/14 Javascript
用angular实现多选按钮的全选与反选实例代码
2017/05/23 Javascript
fastadmin中调用js的方法
2019/05/14 Javascript
uni-app实现点赞评论功能
2019/11/25 Javascript
vue路由结构可设一层方便动态添加路由操作
2020/08/31 Javascript
PyQt5+requests实现车票查询工具
2019/01/21 Python
python 实现一个图形界面的汇率计算器
2020/11/09 Python
Css3圆角边框制作代码
2015/11/18 HTML / CSS
canvas进阶之如何画出平滑的曲线
2018/10/15 HTML / CSS
html5视频常用API接口的实战示例
2020/03/20 HTML / CSS
LN-CC英国:伦敦时尚生活的缩影
2019/09/01 全球购物
眼镜促销方案
2014/03/15 职场文书
教育局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
2015年学校工作总结范文
2015/04/20 职场文书
门球健将观后感
2015/06/16 职场文书
2016大一新生军训心得体会
2016/01/11 职场文书
总结Python常用的魔法方法
2021/05/25 Python
MySQL中int (10) 和 int (11) 的区别
2022/01/22 MySQL
CSS3实现360度循环旋转功能
2022/02/12 HTML / CSS