- 博客(20)
- 收藏
- 关注
原创 axios请求参数类型及传参方式
时,Axios 默认将数据视为 JSON 格式.并设置请求头的 Content-Type 为 "application/json"。在这种情况下,你只需传递一个 JavaScript 对象作为。参数,Axios 会自动将其转换为 JSON 字符串。axios.get也可以使用。
2023-11-17 11:49:15
460
原创 (iView)View UI框架中的Modal对话框阻止点击确定按钮时关闭
使用官方的代码,value(可用v-model双向绑定)控制modal框的显示隐藏,会出现只要点击了确定按钮,v-model绑定的值自动变为false,关闭modal框,想要的效果:点击确定按钮判断条件决定modal框是否关闭。
2023-11-10 10:07:07
1228
1
原创 uniapp调用uni.getLocation失败
uniapp调用uni.getLocation失败"getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json/ext.json"
2023-09-12 15:06:55
1577
原创 使用Vue2、iView-ui,项目build打包后icon图标不显示问题
使用Vue2、iView-ui,项目build打包后icon图标不显示问题
2023-07-14 16:17:58
866
原创 记录前端常用、好用的对象方法
前端JS常用、好用的对象方法。in操作符'c' in obj,Reflect.has(),Object.hasOwn()
2023-06-08 17:57:16
105
原创 记录前端常用、好用的数组方法
前端JS常用、好用的数组方法。arr.flat,arr.reduce,Array.isArray,Object.prototype.toString.call
2023-06-08 17:17:40
102
原创 Vue3项目生成并下载二维码,关于vue-qr.vue与qrcode.vue插件之间的区别
vue-qr.vue:体积较大,大概4M左右,可以给二维码添加中心logo,生成二维码为img标签,可下载qrcode.vue:体积较小,不能给二维码添加logo,生成二维码为canvas标签,可下载2.1、vue-qr.vue引入方式、业务代码:// vue2.0 :import VueQr from 'vue-qr'// vue3.0 (support vite) :import vueQr from 'vue-qr/src/packages/vue-qr.vue'效果如下图: import Qr
2022-12-08 10:49:02
3481
1
原创 Vue项目开发遇到的问题(二):1-Content-Type常见的两种属性及用法,2-el-date-picker组件修改不了时间,date.getFullYear is not a function
application/x-www-form-urlencoded;charset=UTF-8 和 application/json1、Content-Type属性为application/x-www-form-urlencoded;charset=UTF-8,其对应为表单请求体模式Form Data,布尔值或字符串以键值对(key:value)形式发送到服务器时;2、Content-Type属性为application/json,其对应为Http请求体模式Request Payload,以json
2022-11-29 10:11:11
1249
原创 Vue项目开发遇到的问题(一):1-前端MD5.js加密传输,2-使用post请求后端数据始终为空,3-使用JSON.stringify()传参,出现很多(\)反斜杠
记录:前端MD5 加密 - 知乎一:上面链接为前端进行MD5加密的方法链接二:使用post请求后端数据为空的原因总结有一下几点: 1、很多情况下我们给后端传参时,都是直接如以下代码将一个JSON对象或者一个属性传过去给后端:2、此时注意到请求返回的Status状态码为500,且返回信息缺少参数:sparams,证明在后端需要sparams参数: 3、从我们发送的信息来看这是一个对象Object,而这个项目,我们后端要求传的是数据类型是字符串对象类型,重点:字符串对象,即写法是对象的写法,但是类型
2022-11-28 17:01:16
866
原创 使用elementui做后台管理系统,el-aside(el-menu)与el-main高度不一的问题,实现el-aside(el-menu)占满整个页面,以及实现多级菜单。
先来看看问题1:(实现el-menu占满整个页面)这是el-menu没有设置高度出现的问题这是将el-menu这块高度设置为100vh,出现的问题最后,解决问题 ,如图 在App.vue中,添加以下代码 在布局文件中,也就是在以下文件中,给container类添加戴拿最后,也就是在el-main里面,即TabInner里面添加以下代码问题2:实现多级菜单做法:遍历从父组件传过来的menuData数组数据(菜单栏数据),如果数据里有children属性,则建立一个父级菜单名,并再次循环去判断
2022-08-23 10:17:54
7072
原创 the server responded with a status of 404(Not Found)-vue项目打包前后的区别
项目打包前,在本地运行,没问题。打包后,将dist文件放到服务器上去出现以下问题:一看这图,感觉请求的接口路径很奇怪,就去查看了网络原因,打包时proxy代理不会被打包进dist文件,所以封装的请求baseURL得填写完整的接口baseURL将baseURL更换成真实接口的baseURL再打包,就解决问题了
2022-08-23 09:58:49
1456
原创 使用elementui制作menu菜单栏与tabs标签页
使用elementui制作,el-menu菜单栏与el-tabs标签页实现动态跳转
2022-08-19 18:00:51
4287
2
原创 Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin跨域问题
出现问题:在本地运行,有配置vue.config.js中的proxy,所以解决了跨域问题。但将项目打包放到服务器上去,在打包的过程中,proxy是不会被打包进去的,也就是说代理所配置的跨域就已经失效了。问题直接上图:解决问题首先,需要在服务器下载nginx并配置nginx.conf文件(位置在nginx中的conf文件夹),以及将打包好的dist文件夹放在nginx中的html文件夹内。下图是我的nginx.conf文件的配置 到这里,依旧是还没解决最前面所说的跨域问题,还剩下最后一步参考了下面这个博主的方
2022-07-11 11:10:08
37095
原创 elementui使用el-table与el-pagination进行数据的分页展示!
el-table与el-pagination进行数据的分页展示
2022-06-28 17:08:04
389
原创 前端接收后端导出的excel乱码、打开excel格式或文件扩展名无效等问题
问题1:接收后端数据一通乱码,如下图:解决方法:在请求数据的时候添加responseType: 'blob',如下图 结果:这样接收就不会乱码且不会出现excel格式或文件扩展名无效的问题。问题2:在我用axios({}).then()方法前,我把请求进行了二次封装,如下图在JS中请求,如下图 结果:不会乱码,但是会出现excel格式或者扩展名无效的问题,如下图:总结:请求接收excel表格,在js文件用axios({}).then(),且添加responseType:'blob'的方式进行请求,不要封装请
2022-06-24 14:42:14
7730
原创 Vue3 webpack 报错:options has an unknown property ‘hotOnly‘. These properties are valid
Vue3 webpack 报错:options has an unknown property 'hotOnly'. These properties are valid
2022-06-22 14:15:15
2057
原创 部署开发环境-nodejs与node-sass
前端开发岗位的小伙伴们刚到新公司的第一天,除了与人事交接合同问题外,第一件事应该就是部署电脑的开发环境了。总结了一点,踩过的坑,希望如果你们遇到了可以顺利解决!nodejs是必装的软件,但是在装之前,我们需要了解其版本与项目插件是否会存在版本冲突,其中一点,nodejs与node-sass版本兼容问题,项目中使用sass/scss/less都需要用到node-sass插件。以下是nodejs与node-sass能够兼容的版本图如何控制nodejs的版本呢?推荐使用nvm软件,是一款nodejs版本控制的软件
2022-04-21 16:41:44
1901
原创 类的继承-ES5寄生继承与组合继承以及ES6继承方法
ES5没有类,所以函数即是类,习惯类的首字母大写基本类型:object、function、array、boolean、number、string(记忆:即6个基本数据类型,用function和array替换掉null、undefined)明确一点:ES5,1、实例(new)可以继承父类原型方法以及父类私有属性。2、寄生继承只做继承父类原型方法,不继承父类私有属性;3、组合继承即继承父类原型方法和继承父类私有属性。ES5继承从两方面讲:继承父类私有属性,继承父类原型方法最终目的:创建实例A继承Student.
2022-03-01 12:32:05
452
原创 TypeError: this.getOptions is not a function at Object.lessLoader(紧接括号,关键词:less-loader)
今天在使用样式预编译less编写css时遇到了一个问题,问题如下:错误:vscode显示:Syntax Error: TypeError: this.getOptions is not a function浏览器(vue项目)显示:TypeError: this.getOptions is not a function at Object.lessLoader(工作路径:\less-loader\dist\index.js:19:24)本机环境:在遇到这个错误时,我已经安装好插件 less(貌似5.x.x版
2022-02-17 13:05:38
2530
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人