vue
jasin4j
这个作者很懒,什么都没留下…
展开
-
element-ui中el-select下拉框实现拼音、首字母、汉字等模糊搜索
安装pinyin-match// 安装 pinyin-match npm install pinyin-match --save引入import PinyinMatch from 'pinyin-match'ele 下拉框<el-select filterable :filter-method="handleFilter"> <el-option v-for="it..原创 2020-11-13 19:38:29 · 4604 阅读 · 2 评论 -
vue-amap生成坐标地址代码
vue-amap安装和使用vue-amap是饿了么开源的一套基于 Vue 2.0 和高德地图的地图组件。 数据状态与地图状态单向绑定,开发者无需关心地图的具体操作。官方文档:https://elemefe.github.io/vue-amap/#/zh-cn/introduction/install步骤如下:npm install vue-amap --saveimport VueAMap from "vue-amap"Vue.use(VueAMap)// 初始化vue-ama.原创 2020-11-07 13:14:18 · 1680 阅读 · 0 评论 -
vue 三种刷新当前页面的方式---解决字典更新情况下,返回页面未刷新的问题
有时候在项目中我们需要在页面完成一些操作后,进行页面刷新,但是使用js的刷新方式交互体验很不友好,文中重点介绍provide / inject组合来解决司机开发中需要刷新的问题。方案一(不推荐)this.$router.go(0). 通过路由跳转的方式重新渲染页面, 虽然代码量很少,便于书写和理解,但是体验很差,在刷新的一瞬间会出现白屏的现象。方案二(不推荐)location.reload(). 该方法只有一个参数,当值为 true 时,将强制浏览器从服务器加载页面资源,当值为 false ...原创 2020-05-29 17:10:10 · 924 阅读 · 0 评论 -
vue中你会碰到数据已经更新了但是组件还是没有刷新的尴尬局面吗--this.$set(target, propertyName/index, value)、this.$forceUpdate()的用法
遇到的问题在更新组件中v-for的表格中的数据时,发现数据已经更新了,但是组件中的表格显示的值还未更新,我们知道在vue中,数据的绑定都不用我们操心,但是数据页面的渲染为什么失效了呢。实际的项目中代码过长,我写了段简短的代码演示一下。<!DOCTYPE html><html><head><meta charset="utf-8">&...原创 2020-04-15 11:17:48 · 1044 阅读 · 0 评论 -
解决烦人的node-sass问题
最近在运行nodejs的程序的时候,总是会出现 Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 10.x 等的问题,导致前端程序启动不了。根据提示执行npm rebuild node-sass 但发现并没有那么顺利,接下来又出现了其他报错,导致未reb...原创 2020-04-02 21:29:12 · 893 阅读 · 0 评论 -
新手进阶之开发解决问题过程--记一次微信小程序使用mpvue-echarts图表v-show切换导致其他图表渲染的问题
一 问题描述 在使用mpVue+vant-weapp写小程序时,使用mpvue-echarts图表v-show切换其他图表的时候,出现了一个奇怪的现象,就是切换后面的隐藏了的图表会渲染异常,如图所示: 图表未切换的时候是正常的,如第一张所示,第二张是切换之后导致渲染的问题,故猜想出问题的地方是图表传染的组件出现了问题,带着这个疑问,我们到组件想...原创 2020-04-02 11:20:59 · 628 阅读 · 0 评论 -
avue+elementui设置select选择器可选可输入实现
要个需求,下拉框中输入筛选和未匹配到的值输入,avue和element-ui中只实现了部分,即可输入筛选值。还达不到需求。那么,只能改造原来的element-ui,加个事件监听即可实现。因为使用了avue,所以写法按照avue的写法,使用插槽替换。 { label: "旧轮胎号", ...原创 2020-03-02 19:08:44 · 10620 阅读 · 2 评论 -
【vue】Vue打包或保存频繁内存溢出情况CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
在保存代码后,频繁内存溢出,如图所示:频繁出现此种情况,项目太大,导致内存溢出,排除代码问题外,可参照以下方式解决:npm方式:全局安装increase-memory-limitnpm install -g increase-memory-limit进入工程目录,执行:increase-memory-limityarn方式:全局安装increase-memory...原创 2019-12-23 10:19:31 · 706 阅读 · 0 评论 -
【vue】Vue中scoped穿透 修改子组件样式
有时候修改组件的样式不起效果,我们可以通过特殊的方式穿透scoped。审查元素查看需要修改的class。样式穿透 使用>>>>>> .ant-select-selection { border: 0px; background: #fff; color: black; }使用/deep//deep/ .a...原创 2019-12-04 19:18:34 · 258 阅读 · 1 评论 -
【nodeJs】This usually happens because your environment has changed since running `npm install`
问题根本:这通常是因为运行NPM安装后环境发生了变化。运行“NPM重建节点SASS——强制”来为当前环境构建绑定。如何解决:此时运行按照提示执行 npm rebuild node-sass 命令(如若不行,则先运行npm install node-sass命令执行)然后再运行 node命令,启动服务...转载 2019-09-17 13:59:17 · 17599 阅读 · 10 评论 -
【js、vue-print-nb】js 在Chorme中打印页面去掉页眉页脚
js或者vue-print-nb插件在chorme调用打印是都会带上 页眉页脚及时间。在chorme中可以手动设置 打印是否要页眉页脚,如果不想手动打印时设置可以参考用css 控制:参考:https://stackoverflow.com/questions/1960939/disabling-browser-print-options-headers-footers-margins-fr...转载 2019-08-30 11:29:22 · 7228 阅读 · 0 评论 -
【js】js小数相加、减、乘、除失去精度问题解析
/** ** 加 **/export function add(arg1, arg2) { var r1, r2, m, c; try { r1 = arg1.toString().split(".")[1].length; } catch (e) { r1 = 0; } try { r2 = arg2.toString().split(".")...转载 2019-08-26 13:41:13 · 306 阅读 · 0 评论 -
【js】reduce()常用用法
reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这个问题,之前我也想过,要说原因还真找不到,唯一能找到的是:通往成功的道路有很多,但是总有一条路是最捷径的,亦或许reduce()逼格更高语法:arr.reduce(callback,[initialValue])callback (执行数组中每个值的函数,包含四个参...转载 2019-06-06 23:53:29 · 1573 阅读 · 0 评论