- 博客(20)
- 收藏
- 关注
RSS订阅原创 axios请求参数类型及传参方式
时，Axios 默认将数据视为 JSON 格式.并设置请求头的 Content-Type 为 "application/json"。在这种情况下，你只需传递一个 JavaScript 对象作为。参数，Axios 会自动将其转换为 JSON 字符串。axios.get也可以使用。
2023-11-17 11:49:15
306
原创 (iView)View UI框架中的Modal对话框阻止点击确定按钮时关闭
使用官方的代码，value(可用v-model双向绑定)控制modal框的显示隐藏，会出现只要点击了确定按钮，v-model绑定的值自动变为false，关闭modal框，想要的效果：点击确定按钮判断条件决定modal框是否关闭。
2023-11-10 10:07:07
957
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
1057
原创 使用Vue2、iView-ui，项目build打包后icon图标不显示问题
使用Vue2、iView-ui，项目build打包后icon图标不显示问题
2023-07-14 16:17:58
718
原创 记录前端常用、好用的对象方法
前端JS常用、好用的对象方法。in操作符'c' in obj，Reflect.has(),Object.hasOwn()
2023-06-08 17:57:16
92
原创 记录前端常用、好用的数组方法
前端JS常用、好用的数组方法。arr.flat，arr.reduce，Array.isArray，Object.prototype.toString.call
2023-06-08 17:17:40
78
原创 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
3219
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
1174
原创 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
802
原创 使用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
6496
原创 the server responded with a status of 404(Not Found)-vue项目打包前后的区别
项目打包前，在本地运行，没问题。打包后，将dist文件放到服务器上去出现以下问题：一看这图，感觉请求的接口路径很奇怪，就去查看了网络原因，打包时proxy代理不会被打包进dist文件，所以封装的请求baseURL得填写完整的接口baseURL将baseURL更换成真实接口的baseURL再打包，就解决问题了
2022-08-23 09:58:49
1432
原创 使用elementui制作menu菜单栏与tabs标签页
使用elementui制作，el-menu菜单栏与el-tabs标签页实现动态跳转
2022-08-19 18:00:51
4105
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
36462
原创 elementui使用el-table与el-pagination进行数据的分页展示！
el-table与el-pagination进行数据的分页展示
2022-06-28 17:08:04
367
原创 前端接收后端导出的excel乱码、打开excel格式或文件扩展名无效等问题
问题1：接收后端数据一通乱码，如下图：解决方法：在请求数据的时候添加responseType: 'blob'，如下图 结果：这样接收就不会乱码且不会出现excel格式或文件扩展名无效的问题。问题2：在我用axios({}).then()方法前，我把请求进行了二次封装，如下图在JS中请求，如下图 结果：不会乱码，但是会出现excel格式或者扩展名无效的问题，如下图：总结：请求接收excel表格，在js文件用axios({}).then()，且添加responseType:'blob'的方式进行请求，不要封装请
2022-06-24 14:42:14
7420
原创 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
1982
原创 部署开发环境-nodejs与node-sass
前端开发岗位的小伙伴们刚到新公司的第一天，除了与人事交接合同问题外，第一件事应该就是部署电脑的开发环境了。总结了一点，踩过的坑，希望如果你们遇到了可以顺利解决！nodejs是必装的软件，但是在装之前，我们需要了解其版本与项目插件是否会存在版本冲突，其中一点，nodejs与node-sass版本兼容问题，项目中使用sass/scss/less都需要用到node-sass插件。以下是nodejs与node-sass能够兼容的版本图如何控制nodejs的版本呢？推荐使用nvm软件，是一款nodejs版本控制的软件
2022-04-21 16:41:44
1880
原创 类的继承-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
420
原创 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
2444
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人