- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue 生成二维码 并 可以下载带有边框背景颜色的二维码
项目需求：需要生成一个可以下载且带有边框背景的二维码如果只用qrcode.js只能实现下载二维码，但是下载下来的二维码没有边框背景，可识度非常低，所以需要给下载的二维码加个边框，白色灰色之类的首先下载要使用的插件npm/cnpm install qrcodejs2 --savenpm/cnpm install html2canvas --save引入插件import QRCode ...
2020-04-28 10:07:47
1586
原创 elementui 之 upload 上传单个文件
上传单个文件的坑常用需求：只允许上传一个文件，且要始终显示当前选择的文件，后选的文件要覆盖之前的文件 如果只上传一个文件，建议不要用 limit = '1' ，这是个大坑，如果设置了limit = '1'，当你选择第二个文件的时候是不会触发on-change函数的，你可以设置on-exceed函数来提醒用户先删除再选择，但这并不友好所以最好的解决办法：<el-upload ...
2020-04-15 09:35:17
3758
2
原创 js获取URL的'?'后面的参数值
两种方式// 第一种function getAllUrlParam() { var url = location.search; //获取url中"?"符后的字串 var ret = null; if (url.indexOf("?") != -1) { // 获取 ？ 后面所有的 key 和 value ，这种方式可以直接放在ajax的dat...
2020-04-09 14:17:18
995
原创 element-ui 中的 table如何加Popover弹出框
需求生成的表格的某一列的某几个数据要显示popover框（我的需求：多种认证方式，当鼠标放在动态二维码认证上时，呼出popover框并显示所需信息，其他认证方式也要显示）如图所示<el-table-column :label="$t('onlineuser.AuthType')" align="center" min-width="100" prop="autht...
2020-04-08 20:19:59
2482
原创 VUE项目中如何使用vue-tour 新手引导
vue-tour实现效果vue-tour实现相当于给一个div添加了一个tooltip，不像vue-intro那样有高亮显示如何使用vue-tour//首先npm下载vue-tournpm install vue-tour//然后在main.js中全局引入import VueTour from 'vue-tour'require('vue-tour/dist/vue-tour.c...
2019-12-11 11:03:51
4824
2
原创 正则表达式两次test不一致
概述今天项目中遇到了一个奇怪的问题，自己记录一下，需求是首次登陆的用户需要修改密码，需要输入新密码两次问题就出在这里了，因为写了两个input框，同时还需要校验密码强度，这时候正则校验var regLow = new RegExp("(?=.{6,}).*",'g');//密码强度为低的正则，这时候用一个正则校验两次 两次结果不一致示例：var reg = /abc/gvar a...
2019-11-29 15:05:20
705
原创 如何用封装自己的Axios
如何封装首先创建一个http.js的文件import axios from 'axios'import store from '@/store'import { router } from '@/router'import i18n from '../lang'import { Message, Loading } from 'element-ui'// 创建 axios 实例c...
2019-11-23 16:32:51
304
原创 VUE+Elementui 文件 上传/下载功能
文件上传功能(图片同适用)html部分代码：<el-upload class="upload-demo" ref="upload" action="/rscs/licence/import" //上传的url :show-file-list="true" //选择文件后是否显示文件列表 :on-change="fileChange" :l...
2019-11-23 16:12:18
3966
3
原创 vscode常用拓展包
个人常用拓展包Auto Close Tag 自动闭合标签Auto Rename Tag 自动重命名成对标签Bracket Pair Colorizer 为代码中的括号们上色，区分Chinese Language Pack for VSCODE 中文汉化Debugger for Chorme 谷歌浏览器调试debuggerEslint eslintHTML CSS Sup...
2019-11-19 16:51:49
1812
原创 如何在vue项目中生成二维码(qrcode.js)并下载(中间不带logo)
安装qrcode包1.npm install qrcodejs2 --save2. 在你需要用到二维码的页面引入 import QRCode from ‘qrcodejs2’二维码代码我的操作逻辑是将二维码放在一个dialog里，点击打开二维码的按钮，弹出对话框 显示二维码，以下是代码：<el-button type="primary" icon="el-icon-s-gr...
2019-11-19 11:49:18
991
原创 vue项目non-passive event listener问题
解决的问题使用element-ui时出现警告[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event. Consider marking event handler as ‘passive’ to make the page more responsive问题原因：没有添加被动事件...
2019-07-29 11:29:27
869
原创 Vue+ElementUI table表格 + 分页
VUE+ElementUI中 常用的table表格常见问题1.table表格显示的数据该怎么写 如图所示：<el-table v-loading="listLoading" :data="UserList.data" //data就是显示的表格数据， stripe border fit highli...
2019-07-26 15:49:06
724
原创 vue 开发 调试工具 dev-tools 打断点
下载 Dev-tools[下载地址](https://pan.baidu.com/s/1VtaguLkKzBftopsLeafuBA)提取码：7gld下载完成后，将压缩包解压然后打开chrome浏览器 输入： chrome://extensions/ 页面如下：将右侧开发者模式打开 然后点击 加载已解压的扩展程序，将你解压的文件选中添加完出现这样的就说明成功了运行方...
2019-07-26 10:42:32
2781
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人