weixin_44093954的博客

原创 vxe-grid 表格 设置序号在分页情况下连续显示

vxe-grid 表格中 分页下序号连续展示，以及 seqMethod 里的 this 不生效 的解决方法。

转载 Vuex 快速学习并掌握

vuex 快速学习并掌握

原创 ant-design Vue 上传图片upload和复制粘贴上传结合，实现点击、拖拽、复制粘贴上传图片

ant-design Vue 上传图片upload和复制粘贴上传结合，实现点击、拖拽、复制粘贴上传图片

原创 加密解密 crypto-js

加密解密 crypto-js

原创 vue处理 后端接口返回的二进制流压缩文件

vue处理 后端接口返回的二进制流压缩文件

原创 微信开放标签开发注意事项

开发流程详见官方文档，以下说一下需要注意的问题：微信版本要求为：7.0.12及以上。系统版本要求为：iOS 10.3及以上、Android 5.0及以上。当ios系统为15以上时，微信版本需要更新到最新版。jsApiList:[]，必填，随便填一个都行,填[""]也可。...

原创 点击按钮，下载二维码图片

const img = new Image(); img.setAttribute('crossOrigin', 'anonymous'); img.onload = () => { const canvas = document.createElement('canvas'); canvas.width = img.width; canvas.height = img.height; const ctx = ca...

原创 Git Bash 使用时提示找不到指定的文件

右键单击Git Bash , 在使用Git时总是提示找不到指定的文件这是因为文件下载路径中包含中文1、win + r 打开命令行窗口，输入“regedit”打开注册表2、分别查找[HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Directory\background\shell\git_shell\command]和[HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Directory\background\shell\git_gui\comma.

原创 只能输入整数0-9，允许保留一位小数(0.1-9.9)的正则表达式

/^[0-9]{1}(\.[0-9])?$/

原创 js 赋值的两个数组、对象数据会相互影响，可使用深拷贝方法解决

将 a 数组赋值给 b 数组，然后修改 a 数组中的内容，b 数组也会跟着改变。例如：var a = [333]var b = a;//将a赋值给ba[0] = 555;//将a的值改为555console.log(b) // 打印b也是555原因：a 数组本质是指向数组的一个地址，更改数组元素就是更改地址存储数据的内容，b 数组也是这个地址的，所以会跟着改变。解决办法：浅拷贝 ：如果数组元素是基本类型，就会拷贝一份，互不影响，而如果是对象或者数组，就会只拷贝对象和数组的引用，这样我们无

原创 yyyy-MM-dd 转化成 中国标准时间（Tue Dec 31 2019 00:00:00 GMT+0800 (中国标准时间)）

时间戳 、yyyy-MM-dd 格式都可以通过 new Date()转换成中国标准时间: Tue Dec 31 2019 00:00:00 GMT+0800 (中国标准时间)new Date()的参数可以为空，也可以为以下几种：1、new Date(“month dd,yyyy hh:mm:ss”);2、new Date(“month dd,yyyy”);3、new Date(yyyy,mth,dd,hh,mm,ss); 注意：这种方式下，必须传递整型；4、new Date(yyyy,mth,d

原创 iview表格中，鼠标滑过单元格展示提示信息

domProps属性是鼠标滑过，需要提示的信息写在title后，end~

原创 文件上传on-success事件有三个默认参数，想要增加自定义形参，例如循环数组的下标

:on-success=" (response, file, fileList) => headPicHandleSuccess( response, file, fileList, index ...

原创 解决Vuex在F5刷新页面后数据不见的问题

1、问题场景页面刷新后，想恢复刷新之前的某些数据状态，我们总是习惯于将数据放在浏览器的sessionStorage和localStorage中。但是用了vue后，vuex便可以被应用了。vuex优势：相比sessionStorage，存储数据更安全，sessionStorage可以在控制台被看到。vuex劣势：在F5刷新页面后，vuex会重新更新state，所以，存储的数据会丢失。为了克服这个问题， vuex-persistedstate出现了2、原理将vuex的state存在localStor

原创 Vue项目启动时报端口被占用的错误

vue项目启动不起来，总是报端口占用，最简单的方法就是重启电脑，可是太麻烦了，治标不治本，So…第一步：打开CMD，运行命令netstat -ano，列出所有端口情况，查看被占用的端口9000并找到它**第二步：**查看被占用端口对应的PID，输入命令：netstat -aon|findstr “9000”，回车，记下最后一位数字，即PID,这里是6580，继续输入tasklist|findstr “6580”，回车，查看是哪个进程或者程序占用了9000端口，结果是：node.exe**第三步：

原创 在HTML中运用三目运算符显示数据

上图是v-for循环出来的tr下的td单元格，通过三目运算符展示相应数据。

原创 Echarts实现双y轴,并且数据刻度不同(这个是柱状图和折线图混合)

y轴和数据

原创 iview中的上传图片Upload，设置上传图片规格为 750*422

1、vue代码上传文件2、方法detailBeforeUpload(file) {return this.checkImageWH(file, 1280, 90);},checkImageWH(file, width, height) {let self = this;return new Promise(function (resolve, reject) {let filereader = new FileReader();filereader.onload = e =>

原创 关于vue的UI框架Element，多层嵌套v-for循环下的表单验证(iview框架同样适用)

原创 iview中将弹窗modal写在子组件内，方便父组件引入调用

iview中将弹窗modal写在子组件内

原创 打折的正则式

1、[0.1,0.9]拆分为一组可取值的配置集合-javascript正则为：/^(0.[1-9]{1})KaTeX parse error: Can't use function '\.' in math mode at position 56: …为：/^([1-9]{1})(\̲.̲\d{1})?/3、[0.1,9.9]正则为：/^((0.[1-9]{1})|(([1-9]{1})(.\d...

原创 iview循环动态添加表单项，对循环出的每一项设置验证。

https://blog.csdn.net/WXY19951125/article/details/84974718

原创 Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.

iframe嵌套页面中使用了onload事件，结果部分电脑函数中的样式没有加载出来。仔细研究是因为下面：原因：跨页面操作涉及域的概念（origin），错误的意思是：未捕获的安全错误：阻止了一个域为null的frame页面访问另一个域为null的页面。代码运行时在本地直接用浏览器打开的，地址栏是file:///的页面，只需改为localhost访问就行。或者安装live-server本地服务器，...

转载 iview-admin多语言切换文字

iview-admin多语言切换文字原因分析：data里的数据this.t(′homeuserincrement′)在渲染时已经“定死”了，在切换语言时，并没有对界面里的该数据this.t('home_user_increment')在渲染时已经“定死”了，在切换语言时，并没有对界面里的该数据this.t(′homeu​seri​ncrement′)在渲染时已经“定死”了，在切换语言时，并没...

原创 在Vue中打印Echarts图表

在vue中打印Echarts图表：https://blog.csdn.net/qq_43251032/article/details/1012818391、在Vue项目中某个文件夹下创建一个print.js的文件，文件内容为：**// 打印类属性、方法定义/ eslint-disable */const Print = function (dom, options) {if (!(th...

原创 老用户将iview升级至4.0.0最新版本时 如下操作

1、2、3、然后cnpm run dev 即可。

原创 iview-admin中要用到功能更加完善的组件需要更新至最新版本的方法

链接：https://blog.csdn.net/qq_35206261/article/details/879190292.1 检查更新npm install -g npm-check-updates2.2 ncu -u 命令然后重新npm install, npm run dev即可。但是我当时在run的时候遇到了一个问题：网上找了下，需要更新vue.config.js文件...

原创 谷歌浏览器和火狐浏览器的12px字体显示大小不一样

这里写自定义目录标题功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入谷歌内核的浏览器默认最小字体12px的正确解决方案...

原创 vue中实现点击追加选中样式，添加class名

vue实现点击追加选中样式。1、DOM部分2、JS部分3、CSS样式部分4、效果图OK

原创 用vue-cli脚手架工具构建项目成功后，如何引入jquery

用vue-cli脚手架工具构建项目成功后，如何引入jquery1、首先在package.json里的dependencies加入”jquery” : “^3.2.1”2、在终端里输入cnpm install jquery --save-dev 当然用npm 也是可以的（ps: jquery要小写,不然会提示 Please use ‘jquery’ (all lowercase)）3、在...

原创 如何将element-ui中的表格和分页器连接起来

如何将element-ui中的表格和分页器连接起来使用element-ui插件不久，遇到的一些分页问题代码如下：如何将element-ui中的表格和分页器连接起来`第二步：...