2017年11月_iulyf

原创背景图片居中全屏自适应显示

.bg{ background-size: cover; background-image:url(../assets/images/sunshine.png); background-repeat:no-repeat; background-position:center; background-attachment:fixed;}

2017-11-29 18:12:19 7005

原创 vue中excal表格的导入和导出

注意：vue中要实现表格的导入与导出，首先要install两个依赖，npm install -S file-saver xlsx 和 npm install -D script-loader。其次，在项目src目录下新建一个文件夹vendor（名字随意），在此文件夹下放置两个文件Blob.js和Export2Excal.js（下载地址：http://files.cnblogs.com/fi...

2017-11-29 18:04:28 19889 8

转载通过localStorage解决vuex中的信息页面刷新丢失的问题

原文链接：https://www.cnblogs.com/limengyi/p/6534435.html通常，我们在使用vue编写页面时，会需要使用vuex在组件间传递（或者说共同响应）同一个数据的变化。例如：用户的登录信息。下面，我们使用传递用户登录信息的例子来一步步解决这个问题。首先，我们的第一个问题是：我在一个组件（例如登录组件页面）中登录了后，其它页面要怎么获取和响应这个变化？（就是这么

2017-11-29 16:21:44 5443

原创 css实现文字内容超出显示省略号

white-space: nowrap; /* 内容超出容器宽度时强制不换行 */overflow: hidden;/* 内容超出容器时隐藏超出部分 */text-overflow: ellipsis;/* 隐藏部分显示成"..." */

2017-11-27 11:34:48 279

转载 vue-router中参数传递 + 编程式导航 + beforeRouteEnter

第一部分: vue-router参数传递转自http://www.cnblogs.com/zhuzhenwei918/p/6916012.html通过router-link我们可以向路由到的组件传递参数，这在我们实际使用中时非常重要的。　路由： { path:"/DetailPage", component: DetailPage, name: "详情页"

2017-11-07 12:06:54 4189

转载使用vue-Router2 实现路由功能

注意：vue-router 2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router 2实现路由功能。推荐使用npm安装。npm install vue-router一、使用路由在main.js中，需要明确安装路由功能：import Vue from 'vue'import VueRouter from 'vue-router'import App from '

2017-11-07 09:47:31 453

原创 vue2+el-menu实现路由跳转及当前项的设置

用户信息账号信息修改密码公司信息用户管理添加/编辑用户 1.要实现路由跳转，先要在el-menu标签上添加router属性，然后只要在每个el-menu-item标签内的index属性设置一下url即可实现点击el-menu-item实现路

2017-11-06 17:54:31 50715 1

lyf的博客