
vue.js
so12138
这个作者很懒,什么都没留下…
展开
-
Vue系列——在vue项目中使用echarts
该示例使用 vue-cli 脚手架搭建安装echarts依赖npm install echarts -S或者使用国内的淘宝镜像:安装npm install -g cnpm --registry=https://registry.npm.taobao.org使用cnpm install echarts -S创建图表全局引入main.js// 引入echartsimport e...转载 2019-03-21 14:05:43 · 239 阅读 · 0 评论 -
vue.js 路由缓存问题
一、先设置路由模块元:{path:'/ category',name:'Category',component:Category,meta:{keepAlive:true}}二、其次对路由器视图视图层修改:<keep-alive>...转载 2019-03-21 14:01:13 · 713 阅读 · 0 评论 -
vue2.0+element ui 表格导出
1、 安装相关依赖npm install --save xlsx file-saver2、组件里头引入 import FileSaver from 'file-saver' import XLSX from 'xlsx'3、组件methods里写一个方法 exportExcel () { /* generate workbook obje...转载 2018-12-27 15:57:44 · 271 阅读 · 0 评论 -
移动端调试vconsole
在vue-cli项目中使用 npm 安装:npm install vconsole使用webpack,然后main.js代码中import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsolelet vConsole = new VConsole() // 初始化vconsole用法和conso...原创 2018-11-26 10:13:18 · 223 阅读 · 0 评论 -
vue项目中监听手机物理返回键
需要监听手机的回退按钮。1、挂载完成后,判断浏览器是否支持popstatemounted(){ if (window.history && window.history.pushState) { history.pushState(null, null, document.URL); window.addEventListener('popsta...原创 2018-11-19 15:02:54 · 18895 阅读 · 5 评论 -
Json对象处理成数组
const obj = this.dataObj; let arr = []; Object.keys(obj).forEach(v => { let o = {}; o[v] = obj[v]; arr.push(o); }); console.log(arr); let alll...原创 2018-10-25 16:33:21 · 343 阅读 · 0 评论 -
vuex store的运用
版权声明:本文为博主原创文章 https://blog.youkuaiyun.com/qq_33599109/article/details/79392520vuex用来管理vue的所有组件状态。 首先下载vuex,”vuex”:”^3.0.1”,运用”vuex-persistedstate”来对数据进行缓存。下载”vuex-persistedstate” 在文件中引入:(新建一个store文件...转载 2018-08-27 09:39:11 · 182 阅读 · 0 评论 -
vue项目中vue-scroller实现上拉加载和下拉刷新
vue目前是众所周知的流行框架大家都知道的,vue全家桶的成员是:vue-cli,vuex,vue-router,vue-axios(vue2.0)。然后它的第三方插件也有很多,比如:vue-scroller,vue-lazyload,vue-awesome-swiper等等的。之前我已经给大家介绍过vue-lazyload的用法了,今天就给大家说一下vue-scroller的用法吧。首先在命令行...转载 2018-07-13 10:22:03 · 6646 阅读 · 0 评论 -
修改element UI中的默认样式 使用vue2+webpack打包后无效
修改element UI中的默认样式 使用vue2+webpack打包后无效的原因是因为先加载修改之后的样式,后加载UI框架的样式, 所以修改的样式被覆盖。解决方案:将element UI自带css样式最先引入,如图。...原创 2018-07-13 10:03:13 · 1496 阅读 · 0 评论 -
vue-cli 获取本地数据
使用vue读取本地json文件需要安装vue-resource插件,然后使用它的$http.get来读取json文件。json文件应该是必须放在static目录下然后使用npm install 命令安装vue-resource,太慢的话就使用淘宝镜像安装,安装完成后先引用这个组件。在main.js文件中添加:import VueResource from 'vue-resou...转载 2018-07-23 16:41:08 · 969 阅读 · 0 评论 -
基于vue-cli全家桶进行项目开发(二、文件简介)
创建好项目后,在项目文件夹下,出现以下目录:1.src文件夹:存放是搭建的页面(资源,模板,页面代码,和一些相关配置文件)api文件夹下是与服务端通信的配置文件assets文件夹下是项目资源components下为自定义模板router下为路由配置views页面模板APP则是整个单页应用的挂载舞台,所有的模板组件均是挂载在此页面上,相当于index入口main.js则是全局配置前端代码的编写基本在...原创 2018-06-11 11:48:18 · 225 阅读 · 0 评论 -
基于vue-cli全家桶进行项目开发(一、创建项目)
vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli 一、 安装 node.js首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安装...转载 2018-06-11 11:24:47 · 1321 阅读 · 0 评论