nuxt.js项目部署到服务器
vue / 2019-5-26 16:27:44 249 views

nuxt.js项目部署到服务器 项目打包 yarn build或者npm build 需要上传的文件 1. .nuxt目录 2. package.json 3. nuxt.config.js 4. static 5. server目录 (不传会报错ERROR Renderer is loaded but not all resources are unavailable! Please check...

forEach不能break(解决方案和例子)
未分类 / 2019-5-9 21:44:25 141 views

期望 forEach下一定条件不能使用break阻止 解决方案 通过throw异常和try-catch 来捕获异常即可阻断 案例 var arr = [1, 2, 3]; try { arr.forEach(v => { if (v == 2) { throw console.log("停止输出4"); } }); console.log(4); } catch (error) {}

设置了max-width后,ie10 img仍然被拉伸(已解决)
css / 2019-4-10 22:55:52 167 views

问题描述 最近碰到一个很奇怪的问题,项目只要兼容到ie10,设置了max-width后,ie10的图片仍然被拉伸了。 期望的图 问题图 通过调试发现,ie10上的img被莫名其妙的赋值上了width和height属性 <img src="xxx" width="" height="" /> 原来的css max-width: 161px; max-height: 130px; 解决方案...

mpvue小程序分包遇到的坑
小程序 / 2019-3-31 9:38:00 197 views

功能模块 最近做的一个小程序项目,类似钉钉,可扩展性强,模块比较多。在技术选型时选择了mpvue,考虑到小程序主包最多只能2M的限制,当一个主包文件过多时,坑定面临着性能低,卡顿的情况。所以采用了分包的加载机制,将各个模块解耦。 微信官方的分包 微信官方的是原生小程序,这样没问题。但是mpvue同级分包是会报错的。只能在pages中进行分包,具体分包如下。 项目目录结构 配置文件 subpacka...

vue中2种路由方式(browserHistory 和 hashHistory。)
vue / 2019-3-5 20:44:25 212 views

区别:两者的区别简单来说是对路由方式的处理不一样 hashHistory hashHistory 是以 # 后面的路径进行处理,通过 HTML 5 History 进行前端路由管理, browserHistory 类似我们通常的页面访问路径,并没有 #,这里前端vue-router里面需要配置mode:history,线上环境需要服务端配置(配置在下面,否者会出现404),才能够访问指定的 url...

Vue 结合webpack使用px2rem-loader
vue / 2019-2-21 21:48:44 189 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 542 views

成果展示 Vuepress文档 https://v0.vuepress.vuejs.org/zh/ 文档的应用 Vuepress的功能比较强大可用用作文档也可以制作博客,本文主要讲解我对文档的理解的实践及踩坑。 我的踩坑 vuepress比较强大,我主要用来写文档。由于第一次接触markdown语法,有些比较新奇。 主要用到了使用了 生成导航,生成侧边栏。在生成侧边栏遇到了点问题。 目录结构为 通...

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

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

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

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