Vue 结合webpack使用px2rem-loader
vue / 2019-2-21 21:48:44 2,895 views

安装 Vue-cli使用的2.x npm install px2rem-loader 或者 yarn add px2rem-loader webpack配置 在项目的/build/utils中配置 const px2remLoader = { loader: 'px2rem-loader', options: { remUnit: 37.5, remPrecision: 2 } } 并在 gene...

Vuepress文档生成器
vue / 2019-2-17 22:12:12 5,620 views

成果展示 Vuepress文档 https://v0.vuepress.vuejs.org/zh/ 文档的应用 Vuepress的功能比较强大可用用作文档也可以制作博客,本文主要讲解我对文档的理解的实践及踩坑。 安装依赖 全局 yarn global add vuepress # 或者:npm install -g vuepress 新建一个 markdown 文件 echo '# Hello V...

Vue框架Element的事件传递broadcast和dispatch方法分析
element源码分析 / 2019-1-27 16:20:35 2,824 views

Element的broadcast功能分析 功能简述 在Element中broadcast(事件广播)方法需要3个参数, componentName 组件名称,  eventName 事件名,和 eventName 数据。 broadcast是寻找所有子孙组件中,组件名为 componentName 的组件,若找到在其组件上触发($emit) eventName 的事件方法,数据为params。 ...

vue地址三级级联组件封装
vue / 2019-1-26 0:35:54 2,501 views

1.效果图如下 2.组件案例 案例: 组件<addressSelect @currentSelected="selected" :resetData="resetData" ></addressSelect> //val,输出的是选中的值components引入组件 selected(val) { console.log(val); }, this.resetData = true; ...

Vue packages version mismatch(已解决)
vue / 2019-1-17 21:15:08 4,641 views

Module build failed: Error:Vue packages version mismatch:- vue@2.5.22- vue-template-compiler@2.5.17This may cause things to work incorrectly. Make sure to use the same version for both.If you are usin...

vue中使用百度地图,实现驾车路线规划,自定义图标
未分类 / 2018-12-27 18:01:12 7,263 views

最终实现的效果图如下 用到的百度地图api有:设置新的图标,给多个点添加信息窗口,驾车线路规划,地名转换为坐标 功能虽然简单,但是在做的过程中遇到了许多坑。 1:第一步先实例化一个地图 <div class="map_container" id="container" ></div> var map = new BMap.Map("container"); this.map...

el-upload的使用及遇到的问题
vue / 2018-12-9 21:45:56 6,304 views

el-upload效果图如下 在项目中主要遇到2个问题, 1:个是上传后台(后台php)无法接收到; 2:上传的文件格式和大小不支持 第一个问题通过更改上传的headers   通过设置 headers: { "Content-Type": "multipart/form-data" }  更改为表单上传 export function uploadImg(formData) { return r...

wordpress改用nginx页面出现404,已解决
wordpress / 2018-12-1 14:46:10 4,096 views

今天将apache服务器换成了nginx服务器后,打开wordpress页面出现404。 想了想应该是伪静态没处理好。 将伪静态规则设置如下:  location / { try_files $uri $uri/ /index.php?$args; } 成功解决页面出现404问题  

小程序mpvue中引入vant Weapp
小程序 / 2018-11-22 22:56:55 3,655 views

vant Weapp组件使用 1.下载安装组件库 方式一. 通过 npm 安装 (推荐) 小程序已经支持使用 npm 安装第三方包,详见 npm 支持 # npm npm i vant-weapp -S --production # yarn yarn add vant-weapp --production 方式二. 下载代码 直接通过 git 下载 Vant Weapp 源代码,并将dist目录...

vue中使用font-spider进行字体压缩,从10mb到2kb
未分类 / 2018-11-12 21:34:45 7,380 views

vue中使用font-spider进行字体压缩 1.安装font-spider github  https://github.com/aui/gulp-font-spider 官网   http://font-spider.org/#use yarn add font-spider -g --save-dev 或者 npm install font-spider -g --save-dev (最好...