Vue
苏煖Sue
这个作者很懒,什么都没留下…
展开
-
获取地址栏的参数url
1、假设地址栏的参数是:http://123.56.31.193/Content?docCode=A01JNCL023101210100014&type=101022、使用 const url = location.href可以获取完整地址,是string字符串的类型3、如果需要后面具体的参数的话,可以按照const num = url.indexOf('?')//?号出现的位置,此处是29const value = url.substr(num + 1)//提取字符,从下标30开始原创 2021-02-24 23:52:14 · 275 阅读 · 0 评论 -
document.querySelector()选择器
docment.querySelector()的使用方法官方解释:文档对象模型Document引用的querySelector()方法返回文档中与指定选择器或选择器组匹配的第一个 HTMLElement对象。 如果找不到匹配项,则返回null使用方法:1、idbody中的html代码:<el-button id=“checkBtn” type=“primary” @click=“uploadInfo”>保存var checkBtn = document.querySelector(’原创 2021-02-18 10:41:11 · 3093 阅读 · 0 评论 -
JSON对象的两个方法parse()和stringify()
官方描述:JSON对象包含两个方法: 用于解析 JavaScript Object Notation (JSON) 的 parse() 方法,以及将对象/值转换为 JSON字符串的 stringify() 方法。除了这两个方法, JSON这个对象本身并没有其他作用,也不能被调用或者作为构造函数调用。1、stringify()这个方法是将对象/值转换成JSON字符串也叫字符串化。比如:const imgSize = [12,36,1.25,2.563];console.log(JSON.strin原创 2021-02-05 15:37:34 · 254 阅读 · 0 评论 -
split()分离字符串的基本使用
官方描述:split() 方法使用指定的分隔符字符串将一个String对象分割成子字符串数组,以一个指定的分割字串来决定每个拆分的位置。那么如何来使用呢1、使用指定分隔符将字符串分割成数组const str = ‘The quick brown fox jumps over the lazy dog’const arrList = str.split(’ ');for (let i = 0; i < arrList.length; i++) {console.log(arrList[i])原创 2021-02-05 14:10:33 · 823 阅读 · 0 评论 -
使用Object.assign()解决push的数据被覆盖
描述:在增加之前想暂存几条再一块提交,使用push最后一条数据会把前面的数据覆盖掉。1、直接使用push()会覆盖this.menu.push(this.login)注:push() 方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度。在这个地方为什么使用不起作用呢,因为this.login是一个源,再次添加的时候也把this.login给修改掉了。2、使用Object.assign()和push()let o = Object.assign({}, this.login);this.原创 2021-02-05 11:41:54 · 1656 阅读 · 0 评论 -
Request Payload传输json文件
后端给的修改接口是用body传输的1、页面中this.$http.post(’/again/check’,JSON.stringify(this.ocrData),{headers:{‘Content-Type’: ‘application/json’}}).then(res => {console.log(res.data.data)//data数据// if(res.data.data.status === 2){// alert(“获取单据信息失败”)// }}).catc原创 2021-01-29 15:03:38 · 1256 阅读 · 0 评论 -
我的前端笔记
我的前端笔记关于axios1、baseURL:’’, --基础地址,写上接口的服务器地址2、timeout:30000, --接口的请求时间,30000毫秒=30秒3、headers:{‘Content-Type’: ‘application/x-www-form-urlencoded’},–headers请求头,POST请求时,出现Form Data①application/x-www-form-urlencoded(默认值)②multipart/form-data4、import axi原创 2021-01-29 13:40:07 · 72 阅读 · 0 评论 -
浏览器开发者模式Headers没有FormData
调接口传值的时候发现没有FromDate,后端接口需要这个值,该怎样让它出现呢?1、检查Headers中的Content-Type是否为form-data形式的,如果不是的话就在axios里设置一下(一般情况下默认的是这个)headers: {‘Content-Type’: ‘application/x-www-form-urlencoded’}...原创 2021-01-11 23:36:21 · 9386 阅读 · 2 评论