![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
薯条铭
我不懒,我还没有写简介
展开
-
实现ECharts双Y轴左右刻度线一致并不是参差不齐的刻度线
当我们有两个y轴时,两边的取值不一,导致我们的刻度线会出现两条,使我们看起来比较凌乱,所以找了很多方法 最终以下种方法实现①首先固定两边的分隔的段数。①分别求出左边Y轴和右边Y轴的最大值max和最小值min,根据max和min之间的和去除以分隔的段数,分别算出左边Y轴和右边Y轴的分隔间隔。②在ECharts中有两个很重要的属性:interval:强制设置坐标轴分割间隔。splitNumber:坐标轴的分割段数,需要注意的是这个分割段数只是个预估值,最后实际显示的段数会在这个基础上根据原创 2021-08-13 10:55:16 · 5834 阅读 · 1 评论 -
js保留N位小数并且不进行四舍五入的奇思妙想
背景:从接口获取到一个数字,前端需要转换到万,亿等单位。并始终保留两位小数,不能四舍五入。实现方式一:使用if else的方式分别处理,整数,一位小数,两位小数,三位小数的情况,并且计算到小数点的位置。代码比较复杂,决定不采用实现方式二:使用split + substr ,具体实现。/** * * @param value 任意数值 * @param count 大于0的整数 * @returns { string } */const toFixed = function(转载 2021-08-12 16:25:55 · 490 阅读 · 0 评论 -
如何让Element UI的Message消息提示每次只弹出一个
Element UI的Message消息提示是点击一次触发一次的。在封装接口中调用失败会返回多个弹窗,导致很不友好,所以就出了一下参考解决方案import { Message } from 'element-ui'const showMessage = Symbol('showMessage')class DonMessage { success(options, single = true) { this[showMessage]('success', option原创 2021-07-22 14:44:10 · 4861 阅读 · 3 评论 -
Added non-passive event listener to a scroll-blocking . Consider marking event handler as ‘passive‘
解决:1.使用npm管理器下载default-passive-events依赖包 npm i default-passive-events -S2.入口文件main.js引入 import 'default-passive-events'原创 2021-06-18 15:40:53 · 931 阅读 · 2 评论 -
Cascader 级联选择器 实现多个选择器联动报错问题 leve为空
Cascader 级联选择器解决多级联动报错问题<el-cascader :options="options" :props="props" clearable></el-cascader>因为没有重新加载组件的问题,导致问题的出现,接下来我们用v-if 或者改变key值使组件能够进行重新加载<el-cascader :options="options" :props="props" :key="keyVla"clearable></el-casca..原创 2021-02-25 11:09:41 · 767 阅读 · 2 评论 -
在vue中使用鼠标事件@mousedown、@mouseenter等失效的解决办法,以及PC端长按实现
@mouseenter、@mousedown等鼠标事件[非鼠标点击事件]时,发现事件不触发,失效了此时应该在@mouseenter、@mouseenter等鼠标事件加上native属性就好了三个事件的触发时机mousedown当鼠标指针移动到元素上方,并按下鼠标按键(左、右键均可)时,会发生mousedown事件。与click事件不同,mousedown事件仅需要按键被按下,而不需要松开即可发生。mouseup当在元素上松开鼠标按键(左、右键均可)时,会发生mou...原创 2021-02-24 17:16:44 · 33005 阅读 · 0 评论 -
vue-cli3中px2rem-loader和lib-flexible的安装和配置
配置安装1:npm i postcss-px2rem --save -dev安装2:npm i lib-flexible --save(在项目中启动vue ui也可以快速安装)配置1:入口文件main.js中引入:import 'lib-flexible/flexible.js'配置2: 在vue.config.jsmodule.exports = { css:...原创 2020-04-12 01:00:07 · 2239 阅读 · 1 评论 -
Vue内嵌iframe及通讯
Vue内嵌iframe及通讯消息交互方式父向子传递消息:iframeEl.contentWindow.postMessage子接收父消息:window.addEventListener(‘message’)子向父传递消息:window.parent.postMessage父接收子消息:window.addEventListener(‘message’)实例-html:parent...转载 2019-04-17 17:23:16 · 6499 阅读 · 0 评论