Vue
文章平均质量分 73
牙云敏同学
认真做好每一件事情。
展开
-
js 实现签名效果
js实现签名效果本文主要讲述如何实现js的签名效果,其中运用到的关键知识点便是canvas面板。效果图实现1.引入写好的函数以及插件<script src="jq-signature.js"></script> <!-- 插件 --><script src="writing.js"></script> <!-- 声明的...原创 2019-12-12 10:28:56 · 4544 阅读 · 0 评论 -
移动端 选择框内容过长解决方案之一 以vux popup-picker为例子。
前言vux popup-picker当选项值过长的时候全部显示解决方案之一。该说的,都在注释李曼了效果图实现步骤1.对popup-picker组件添加on-shadow-change函数(即滑动picker时触发)&lt;popup-picker @on-shadow-change="onShadowChange" :columns="3" title="标题" :da原创 2019-02-21 17:15:03 · 5155 阅读 · 0 评论 -
解决【npm ERR! Unexpected end of JSON input while parsing near '...sh_time":141072930277'】方案
问题描述执行npm install的时候报错npm ERR! Unexpected end of JSON input while parsing near '...sh_time":141072930277'.如下图:解决方案直接执行 npm cache clean --force, 如果执行成功,再npm install即可。如果执行失败,请先升级npm,即npm i -g np...原创 2018-11-30 11:17:18 · 34731 阅读 · 35 评论 -
vue 解决关于*!!vue-style-loader!css-loader?{"sourceMap":true}!../../../../vue-loader类似问题的
本博客主要解决类似问题的报错。问题描述*!!vue-style-loader!css-loader?{“sourceMap”:true}!../../../../vue-loader/lib/style-compiler/index?{“vue”:true,”id”:”data-v-570115ee”,”scoped”:false,”hasInlineConfig”:false}!.....原创 2018-08-30 15:37:22 · 41249 阅读 · 20 评论 -
vue `npm run dev` 启动 报错 dev: `node build/dev-server.js` 解决
vue npm run dev 启动 报错 dev: node build/dev-server.js 解决问题描述npm run dev 启动报错如下:[HPM] Proxy rewrite rule created: “^/api” ~&gt; “” Starting dev server… events.js:137 throw er; // Unhandl...原创 2018-08-28 11:47:58 · 15761 阅读 · 5 评论 -
Vue 移动端 previewer实现图片放大预览
简述本文主要讲述,vue在手机移动端如何实现对小图进行放大查看预览。类似于朋友圈的照片查看。 可用工具 1、npm安装,npm i vue-preview -S 2、使用一些Vue的UI组件框架自带的,如vux、vonic、Mint UI等 自带的preview 效果图实现代码(一)HTML&amp;amp;amp;amp;amp;amp;lt;div v-show=&amp;amp;amp;amp;amp原创 2018-07-25 09:51:36 · 13800 阅读 · 0 评论 -
vue组件通信 小结
vue 父子组件间的交流 归类本博客主要是归类一下vue组件之间的交流,即:父组件如何调用子组件中声明的变量/函数和子组件中调用父组件中声明的变量/函数。(一)父组件&amp;amp;amp;amp;amp;amp;lt;Father /&amp;amp;amp;amp;amp;amp;gt;获取子组件&amp;amp;amp;amp;amp;amp;lt;Children /&amp;amp;amp;amp;amp;amp;gt原创 2018-06-28 17:52:19 · 283 阅读 · 0 评论 -
Mac npm install -g vue-cli 报错解决
问题描述MAC安装vue的时候发现报错了,如下:npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to “coffeescript” (no hyphen) npm WARN checkPermissions Missing write access to /usr/local/lib/no...原创 2018-07-09 15:20:20 · 6693 阅读 · 0 评论 -
vue 移动端 ECharts 使用后小结
vue 移动端使用ECharts本博客主要讲述ECharts在Vue移动端项目中的一些使用归类,本博客所例举的例子是bar 柱形图。前提:需引入ECharts,即在page.json中引入&amp;amp;quot;dependencies&amp;amp;quot;: { &amp;amp;quot;echarts&amp;amp;quot;: &amp;amp;quot;^3.6.2&am原创 2018-07-02 16:58:47 · 8853 阅读 · 4 评论 -
node 内存溢出的解决方案
本博客提供两种 node 内存溢出(FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - process out of memory)的解决方案。现象描述项目开发中,当项目过大的时候,node内存溢出而停止build项目,即是项目构建过程中频繁报内存溢出:FATAL ERROR: CALL_AND_RETRY_LAST Allocat...原创 2018-06-29 11:45:39 · 31109 阅读 · 1 评论 -
Uncaught TypeError: Object.assign is not a function解决思路之一
原因分析Uncaught TypeError: Object.assign is not a function 报错的原因,我们可以归为,该语法在浏览器中无法识别。Object.assign是ES6的新语法之一。解决思路使用babel-polyfill 插件解析。具体使用(1)安装依赖包 cnpm install --save-dev babel-polyfill(2)...原创 2018-05-17 12:07:36 · 5157 阅读 · 0 评论 -
Vue APP白屏的解决思路之一
解决思路关于APP白屏,我们应该从代码中解决,而不是归类为什么手机任务过多/版本过低等外在的原因。白屏的很大原因在于,代码的错误。解决白屏的关键点就是找到这个报错。 检查代码的错误原因,我们可以看手机的日志。即是,在日志中找到报错并解决它即可。示例(一)问题描述 如,我开发中碰到,在开发中没有问题,但是打包后放到安卓手机低版本中就会白屏,看日志,发现了报错:Object.assi...原创 2018-05-17 11:51:07 · 16791 阅读 · 2 评论 -
vue-vux使用 cell/cell-box 组件 点击展开其他内容的时候修改过的数据会复原解决思路之一
问题描述vue-vux使用 cell/cell-box 组件,点击展开其他内容的时候修改过的数据会复原。 但其实,在数据库已经修改好了,这个时候使用APP者还以为还没修改过数据。解决思路解决思路之一 改变数据源,重新渲染数据的时候就不会复原。(更人性化)解决思路之二 重新请求查询。示例&amp;amp;lt;div v-for=&amp;quot;item in this.dataList...原创 2018-03-28 12:13:46 · 4872 阅读 · 8 评论 -
vue 一直显示数据加载中的解决方案之一
现象描述当页面加载的时候,一直显示“数据加载中”的loading。解决方案之一出现这样的原因,可能是该页面同时在加载两个或者两个以上的api数据请求,即多次调用后台接口。 解决思路: 同步执行,即是一个方法接一个方法的执行。示例(一)一直出现 数据加载loading 示例代码:mounted() { this.bug1(); this.bug2()...原创 2018-04-08 16:29:25 · 12226 阅读 · 0 评论 -
vuejs 移动端 实现div拖拽移动
vue 移动端 实现div拖拽移动 本文讲述,在使用VUE的移动端实现类似于iPhone的悬浮窗的效果。相关知识点touchstart 当在屏幕上按下手指时触发touchmove 当在屏幕上移动手指时触发touchend 当在屏幕上抬起手指时触发 mousedown mousemove mouseup对应的是PC端的事件touchcancel 当一些更高级别的事件发生的...原创 2018-03-23 18:46:36 · 21355 阅读 · 24 评论 -
vue npm/cnpm install或者npm run dev 报错解决思路之一
本篇主要讲述在使用vue开发中npm/cnpm install或者npm run dev 报错解决思路之一。原创 2017-08-18 14:32:10 · 12573 阅读 · 1 评论 -
vue 时间格式化
讲述一下vue时间格式化。原创 2017-08-24 15:29:54 · 37552 阅读 · 4 评论 -
vue 更改连接后台的api
vue 更改连接后台的api,是更改在config文件夹下的index.js文件中的proxyTable的值。原创 2017-08-01 16:48:11 · 3211 阅读 · 2 评论 -
vue 端口号更改
vue 端口号的更改,是在config文件夹下的index.js里面的port变量中更改。原创 2017-08-01 16:40:24 · 1024 阅读 · 0 评论