![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 57
K哇伊
这个作者很懒,什么都没留下…
展开
-
在vue项目中,如何读取自定义的.txt文件?
在vue项目中,如何读取自定义的.txt文件?原创 2023-02-07 16:46:31 · 3734 阅读 · 0 评论 -
vue使用html2canvas将dom转化为图片
1、简述最近在做的项目中,需要将界面转换成图片保存下来并发给后台,于是在网上查看了有个html2canvas 的js库可以将HTML生成图片,保存及获取的时候直接使用图片2、安装html2canvasnpm install html2canvas --save-dev3.使用3.1.在你需要使用的页面中引入html2canvasimport html2canvas from 'html2canvas';3.2.将需要转换为图片的dom,用一个单独的div给他包裹上, <div id原创 2022-05-06 18:12:05 · 978 阅读 · 0 评论 -
前端文件流下载处理
一,直接使用 download() { const link = document.createElement("a"); link.style.display = "none"; //请求后台的具体地址 link.href = "http://192.168.5.69:8000/api1/cardGiveBatchEntity/account/template/download"; link.setAttribute("dow.原创 2021-10-01 10:35:05 · 1106 阅读 · 0 评论 -
Vue Post请求FormData传参
Vue Post请求FormData传参'Content-Type':application/x-www-form-urlencoded;设置请求头把传入的参数转化成正常的参数而不是键值对'Content-Type': 'multipart/form-data'设置请求头请求处理‘Content-Type’:application/x-www-form-urlencoded;设置请求头headers: {‘Content-Type’: ‘application/x-www-form-urlenco原创 2021-01-13 16:46:04 · 11466 阅读 · 0 评论 -
vue使用高德地图,精确定位&ip定位,获取城市、地区位置
1、高德地图准备点进入网址:https://lbs.amap.com/api/javascript-api/guide/abc/prepare(1)注册开发者账号(2)进入控制台(3)申请高德地图key2.在页面添加 JS API 的入口脚本标签<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>3.vue中使用//原创 2020-12-09 17:44:26 · 11027 阅读 · 3 评论 -
H5 移动端 监听虚拟键盘问题
解析:在adnroid中如何监听软键盘的弹起与收起,是利用的窗口的高度发生变化 window.onresize事件来做突破点的; 在ios中软键盘的弹起收起并不触发window.onresize事件。1.在ios中软键盘弹起时,仅会引起$(‘body’).scrollTop值改变,但是我们可以通过输入框的获取焦点情况来做判断,但也只能在ios中采用这个方案,因为在android中存在主动收起键盘后,但输入框并没有失焦,而ios中键盘收起后就会失焦;2.在android中软键盘弹起或收起时,会改变wi.原创 2020-12-09 15:46:04 · 1416 阅读 · 3 评论 -
vue 手机号(334分隔)
条件:要求:1.手机号不管是直接输入还是复制粘贴都保持3342.点击字符中间,光标就在那个位置,点击删除键,光标就随之向前移动一位;同时在光标处添加数字光标往后移动一位代码如下:涉及三个知识点:1、keydown :当按钮被按下时,发生 keydown 事件。2、keyup:当按钮被松开时,发生 keyup 事件。它发生在当前获得焦点的元素上。3、paste: 当向 p 元素上粘贴文本内容时执行 JavaScript (注意 contenteditable 设置为 “true”)。例如:原创 2020-12-08 10:11:56 · 968 阅读 · 0 评论 -
根据 子集值 查找所有的父级index,用-拼接
根据 子集值 查找所有的父级index,用-拼接function getParents2(data, id) { for (var i in data) { // console.log(data[i]); if (data[i].name == id) { return i; } if (data[i].city) { var ro = getParents2(data[i].city, id); if (ro !== undefi原创 2020-12-03 15:10:42 · 528 阅读 · 0 评论 -
vue项目添加右键用vscode打开
1、新建reg文件;在你自己vscode安装目录下新建一个文本文件,然后将文件后缀改为:*.reg,文件名任意,例如:openVsCode.reg。2、编写文本文件内容.将下面的内容Copy到刚才新建的*.reg文件中(下面的地址对应你自己安装目录地址)保存关闭.然后双击运行vsCodeOpenFolder.reg ,遇到提示点击 “确定"或"是”;文本内容如下:Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\*\shell..原创 2020-09-23 18:59:24 · 598 阅读 · 1 评论 -
vue 配置多环境打包
规范的大股东、1.安装cross-env依赖在终端执行 npm install --save-dev cross-envcross-env作为运行跨平台设置和使用环境变量的脚本,当执行build动作时通过设置、赋值环境变量告知当前构建包的是测试环境还是生产环境npm上对cross-env的说明2.配置package.json文件,添加如下 NODE_ENV 和env_config的值将用于build文件夹 process.env 这个对象里面;比如NODE_ENV的值可以在build文件夹下的文原创 2020-09-23 10:57:56 · 712 阅读 · 0 评论