- 博客(40)
- 收藏
- 关注
RSS订阅原创 element upload 自定义上传 报错Cannot set properties of null (setting ‘status‘)
自定义上传方式fileList 显示一切正常，状态也是成功文件url通过URL.createObjectURL(file.raw) 进行添加以下为配置代码以下为fileList 添加代码。
2024-01-15 11:59:27
659
1
原创 Nginx 部署 Vue 项目以及 Vue 项目刷新出现 404 的问题（完整步骤）（亲测有效）
Nginx 部署 Vue 项目以及 Vue 项目刷新出现 404 的问题（完整步骤）（亲测有效）
2023-02-21 15:30:48
2941
原创 微信小程序接口请求多文件+参数上传、单文件+参数上传（formData形式） 微信小程序实现formData格式传参（亲测有效）
微信小程序接口请求多文件+参数上传、单文件+参数上传（formData形式） 微信小程序实现formData格式传参（亲测有效）
2022-12-02 16:18:43
6057
11
原创 echarts 警告 itemStyle.emphasis.lineStyle is deprecated、‘normal‘ hierarchy in itemStyle has been
echarts 警告 itemStyle.emphasis.lineStyle is deprecated、'normal' hierarchy in itemStyle has been removed since 4.0. All style properties are configured in itemStyle directly now
2022-07-21 11:27:29
9449
2
原创 github pages gitee pages 配置教程、更新教程（亲测有效），gitee pages 访问界面为空白，样式和js文件404问题解决（亲测有效）
github pages配置教程、github部署vue打包项目通过：https://用户名.github.io/项目名 进行访问、并更新dist里面的文件到github即更新链接（亲测有效）
2022-07-02 17:46:05
8753
6
原创 vue配置多个运行环境、打包环境，通过运行指令切换环境，通过切换环境控制对应环境的参数
01.配置环境1.创建开发环境、测试环境、生产环境文件2.给文件配置接口基础API，添加对应环境的所需参数，以生产环境为例02.静态参数值跟随环境变化1.环境配置文件中添加了两个参数（代理、websocket）#开发环境nginx代理路径VUE_APP_BASE_URL = 'manage-web-dev'#开发环境websocketVUE_APP_WEBSOCKET = '192.168.xx.xx:8080'2.添加的环境参数为VUE_APP_BASE_URL、VUE_APP_
2022-04-29 14:47:24
6175
原创 nginx配置vue打包项目（亲测有效）Uncaught SyntaxError: Unexpected token ‘＜‘ app.30bad5 500 Internal Server Error
01.安装1. 安装nginx（不同版本会导致某些指令运行不成功）链接: https://pan.baidu.com/s/1yNpxhz5HZMZCd7C4RmpNBg 提取码: 5rze2.解压到目录（例如：D:\nginx）下然后在文件目录路径输入框输入cmd3.然后输入start nginx并进行回车4.在浏览器输入http://localhost:8080/出现如下图所示的内容代表着运行成功02.配置1.界面配置如下图所示，通过http://localhost:8080/访
2022-04-29 09:52:56
3778
原创 mvn 不是内部或外部命令,The JAVA_HOME environment variable is not defined correctly（所有情况都测试，亲测有效）
01.配置manven1.先去官网下载对应的maven包https://maven.apache.org/download.cgi2.下载时需要留意需要下载带bin的包，某些包不带bin文件夹，在配置环境变量的时候需要指向bin文件目录3.将官网下载的压缩包放到对应的目录下面（目录结构如下图所示）4.配置环境变量（此电脑-属性-高级系统设置）必须在系统变量中进行添加将步骤三的目录直接拷贝过来变量名(M)：MAVEN_HOME变量值(V)：D:\apache-maven-3.8.5
2022-04-25 09:26:04
14042
10
原创 vue axios 请求没有执行，无任何报错信息
问题描述在特殊浏览器例如：QQ浏览器下跑的vue项目，接口无法请求，但是又没有报错信息，经排查在请求头设置参数时，需要携带当前系统打开的浏览器名称由于国内浏览器大多数都是中文，所以导致请求头获取到的是中文，但是不报任何错误信息。一步步排查后，把中文换回英文即可，需要携带请求的key，尽量不要设置中文。如果需要设置中文也可以（但后续对数据库数据读取问题未知）console.log(encodeURI('浏览器'), '使用encodeURI()编码' //%E6%B5%8F%E8%A7%88%
2022-04-23 11:29:59
6209
原创 js判断国内主要浏览器名称（QQ、360、遨游、搜狗、2345、Google Chrome、Edge、IE）（最新，亲测有效）
区别360主要判断浏览器插件来区分Edge最新的判断为Edg大多数内核都是Chrome，因此需要作多条件判断//360浏览器（极速内核）export function check360() { var result = false; for (var key in navigator.plugins) { // np-mswmp.dll只在360浏览器下存在 if (navigator.plugins[key].filename == 'np-ms
2022-04-23 08:46:14
4217
11
原创 vue 项目、vue-admin-ement项目 在IE、360兼容模式下为空白界面（最新解决方法、亲测有效）
问题由于对element ui模板的一些配置文件进行删除，配置的js只留下vue.config.js剩余的都进行清除，导致在IE以及360兼容模式下界面为空白思路控制台报的是SCRIPT1003: 缺少 ':' app.js (4519,1) ，这种错误主要看报错这行的开头与末尾，可以看到问题主要出现在哪个文件，如下图，大概可以看出入口配置文件（entry）无法转码导致界面无法正常访问，那么提到转码能联想到的就是babel-polyfill，另外一个需要在对入口配置转码命令。解决首先安装
2022-04-22 17:04:46
2601
原创 element ui Upload 上传组件 实现多图片上传，formData携带动态图片，formData实现JSON结构，按顺序排列图片，根据序号替换图片，图片文件附带标识
实现多图片上传，formData携带动态图片，按顺序排列图片，根据序号替换图片，图片文件附带标识需求思路formData转化为JSON结构代码单张图片上传（新增、编辑）逻辑多张图片上传（有顺序要求）代码（所用到的' _' 为lodash的引用，主要用于处理数据）需求携带参数请求接口时的formData需要转化为JSON结构按顺序显示的图片列表需要加上顺序标识单张图片上传，单张图片携带标识参数（新增，编辑）多张图片上传，多张图片携带顺序参数（新增，编辑）多张图片编辑后的位置关系以及后端需要接收的
2022-04-21 16:01:17
2172
原创 vue router添加自定义参数
通常需要在router里面添加参数用于特定的场景，但是官方提供的API只给出几个参数在meta里面自定义添加参数即可动态参数需要在动态路由里添加取值从meta中取值即可
2022-04-09 18:05:00
2516
原创 设置element ui table表格线条颜色以及设置圆角/解决element ui table设置圆角后线条不显示或显示模糊问题，亲测有效
问题描述table表格设置为圆角后并且设置table border颜色，设置圆角后导致修改颜色后的border无法显示问题解决/* 设置圆角以及边框颜色 */ .el-table{ border-radius: 0 0 10px 10px; border-top:1px solid #DEDEDE; border-left:1px solid #DEDEDE; border-bottom:
2022-04-09 17:56:22
8556
原创 echarts rich设置动态图片/动态数据；echarts 人均收入柱状图 window系统显示不出国旗；echarts动态rich
一、echarts 人均收入柱状图window系统显示不出国旗问题分析1.如下图所示：该柱状图在window下面只显示emoji 字符，能不能转化完全看系统支不支持2.图中的国家标识是以emoji字符来命名，但是在苹果电脑下面显示会出现对应国家的国旗图标二、让苹果电脑的效果在windows下面显示同样的效果大概想法通过rich动态匹配显示对应国家的国旗（包括全世界国家对应的中英文以及编码的js、包括全世界国家的编码以及唯一标识的js、以唯一标识命名的图片列表）注意：目前通过对比js了解到加拿大
2022-03-25 16:12:13
3487
2
原创 vscode终端不显示，闪退问题解决（完整步骤）
1.以管理员身份运行此程序步骤：1-1.找到该文件目录的文件图标1-2.右键属性选择兼容性1-3.选择更改所有用户的设置然后勾选以管理员身份运行此程序后重新打开vscode2.在vscode修改配置文件2-1.打开vscode点击右下角管理2-2.选择命令面板2.3.出来的搜索框中第一选项没有（首选项：打开工作区设置（JSON））的话，就在输入栏目直接输入（Preferences:open Workspace Settings(JSON)）进行搜索2.4.点击该选项然后会看到settin
2022-03-02 16:30:38
37636
28
原创 无限层级菜单栏（自适应内容宽度，自适应无限级菜单栏目偏移量）
无限层级菜单栏（自适应内容宽度，自适应无限级别菜单距离）效果css代码重点HTML代码（.net framework语言）JQuery语言效果css代码.yyui_menu1 {height: 35px;line-height: 35px;font-size: 15px;}.yyui_menu1 li {float: left;position: relative;}这一级是导航.yyui_menu1 li a {display: block;line-height: 35p
2022-01-25 11:10:11
945
原创 动态嵌套多层swiper时出现内容重叠情况
动态嵌套多层swiper时出现内容重叠情况问题展示问题图片问题原因切换时swiper没有更新下一个切换的内容，导致展示上一个swiper的内容还停留在画布（已添加：observer: true, observeParents: true。但没有效果）问题解决正常界面具体代码：（JQuery语言）（三级swiper）HTML展示代码（.net framework语言）问题展示如上图所示：上图swiper嵌套了四级切换，属于上下级关系，但展示上有部分分级分开递归， swiper内容模块出现重叠，每切换一个
2022-01-21 17:39:37
2259
原创 解决vue里面的echarts宽度为100px问题、为echarts设置宽度自适应
解决vue里面的echarts宽度为100px问题、为echarts设置宽度自适应问题展示解决问题后的展示图片描述问题描述问题解决问题展示解决问题后的展示图片描述如图所示我通过设置两个并列展示的echarts，每个echarts宽度设置为50%宽度自适应，最后一张图为正常展示效果。问题描述在vue使用echarts时我们一般喜欢在created、mounted中直接调用echarts数据初始化，还有在我们给echarts设定宽度时（一定要设置固定像素）才能展示，不能通过百分比来自适应，（高
2021-09-28 17:44:22
2014
原创 深度修改element-ui默认样式的子级样式
修改element-ui默认样式包含修改子样式修改element-ui Tree 树形控件中的排列公司需求找出对应的类或者样式深度修改(在scss中修改，使用::v-deep)修改element-ui Tree 树形控件中的排列公司需求原型如图1.1所示排列要求第三级树需要横向排列找出对应的类或者样式element-ui因为element-ui已封装好树形控件组件，在使用时只能在开发者模式下查看到类(class)，而在组件使用的地方只能看到标签类，如图1.2所示深度修改
2021-02-22 09:01:28
917
3
原创 Visual Studio Code 中部分代码变黑白色(前端vue-element-admin项目测试有效)
@[TOC](Visual Studio Code 中部分代码变黑白色(前端vue-element-admin项目测试有效))代码变黑白色使用vue-element-admin 后台模板在Visual Studio Code中编辑，出现中的代码出现黑白颜色，由于使用element-ui框架，定义的标签较多，没有进行排版，只需在编辑器中格式化文档即可消除黑白颜色如图1.1在问题代码中右键点击格式化文档即可...
2021-02-02 15:29:43
2844
2
原创 uni-app uni-icons显示乱码问题
uni-app uni-icons显示乱码问题主要问题是font-family主要问题是font-family一、如图1.1、1.1，1.2所示图1.1中引用图图标为location-filled，settings；但是在图中显示为方框，无法正常显示。图1.3中是当前的属性定义字体样式为font-family原因是因为当前样式font-family覆盖uni-icons的样式二、解决方法将uni-icons重新定义fongt-family，如图1.4所示在样式中重新定义uni-ico
2021-01-13 11:01:55
1992
原创 element-ui Pagination 分页组件遇到的Bug
element-ui Pagination 分页组件遇到的Bug主要参数介绍注意点主要参数介绍以组件完整功能为例需要配置的参数为current-page、page-sizes、page-size、total：current-page，文档所指为当前页数；显示当前数据所拥有页数page-sizes，文档所指为每页显示个数选择器的选项设置；对当前页数据显示个数进行配置（以数组形式进行配置，例：[10, 20, 30, 40]）page-size，文档所指为每页显示条目个数，支持 .sync 修饰符
2021-01-06 17:46:17
6400
3
原创 uni-app 访问sdcard目录失败，请确认手机sdcard目录可使用；若使用手机模拟器，请为模拟器分配sdcard
uni-app 访问sdcard目录失败，请确认手机sdcard目录可使用；若使用手机模拟器，请为模拟器分配sdcard1. 项目目录名称为中文，改回英文名称即可2. 频繁改项目目录名称，该了项目名称后再次出现该错误时，重启项目即可...
2020-07-28 11:06:05
1395
原创 uni-app控制台显示项目编译成功，但模拟器没有反应
uni-app控制台显示项目编译成功，但模拟器没有反应1. 查看运行文件文件目录是否正确2. 查看模拟器的端口是否正确3. 如果模拟器中已有安装过的旧版本，先进行卸载，重启HBuilder以及模拟器，重新运行项目到对应的模拟器即可...
2020-07-28 10:59:35
3399
原创 uni-app报错属性或方法“xxxx”不是在实例上定义
uni-app报错属性或方法“xxxx”不是在实例上定义1.实例混乱将报错误的属性定义在全局2.检查是否有重名/未定义的属性3.双重定义以及引用按照方法1操作后还是报错，在全局定义的同时再在data进行定义，然后在data对属性进行赋值（赋全局属性）4. 定义的属性得放在前面按上述步骤操作后还是提示错误，就将已在data定义及赋值得报错属性放在data得最前面...
2020-07-16 11:26:16
1994
原创 ERROR in ./node_modules/express/lib/request.js Module not found: Error: Can't resolve 'fs' in 'xx文件'
ERROR in ./node_modules/express/lib/request.js Module not found: Error: Can’t resolve ‘fs’ in ‘xxx文件夹’1.检查是否有fs，没有的话就进行安装npm install ‘xxx’错误还存在 ==> 执行步骤22.在webpack.config.js下面添加node: {fs: ‘e...
2020-04-17 17:42:00
3752
原创 小程序转uni-app——引入组件显示问题
uni-app中pages.json的tabBar、list设置中iconPath、selectedIconPath的路径只能在static目录下面，其他的均无法显示
2020-02-25 16:36:33
3126
原创 小程序转uni-app——条件判断包含中文
语法：v-if = " order == “待支付” && 1 "uni-app控制报错会报以下的错误：一、xxx.vue.wxml:1:4893:unexpected character ’ ’二、uncaught TypeError: $gwx is a function at app-service.js:19正确语法： v-if = ’ order == “待...
2020-02-25 16:29:17
2603
原创 小程序转uni-app——for循环
uni-app中用（ data-index ）赋值为index时 index 必须在v-for定义条件：为v-for 循环数组情况下定义：v-for（item,index in xxxlist）
2020-02-24 10:08:08
19739
原创 小程序转uniapp——disabled
页面存在跳转关系时用于禁用button属性disabled，如上个页面存在一个与本页面相同的用于动态控制disabled禁用属性的值时，上个页面用于控制disabled的属性值会带到本页面解决方法：需要将禁用属性值名称设置不一致。...
2020-02-24 10:02:08
6223
原创 小程序转uni-app——onLoad语法转换
小程序里在onLoad直接请求接口利用setData方法直接把数据赋到对应的属性上，但在uni-app里数据存在获取异常甚至会另其他页面数据丢失正确做法：把接口获取数据的方法，定义到methods(与vue语法相像){}方法里面，在onLoad方法里调用并携带相应的请求参数即可...
2020-02-24 09:51:40
2882
原创 小程序转uni-app——hidden语法转换
(微信)小程序的语法为:hidden，在uni-app中用v-if(false变成true)条件转反即可
2020-02-24 09:47:35
2243
原创 小程序转uni-app——动态转换样式
小程序里在class类里直接利用{{ 类 }}这样的方式对class类进行动态转换样式，在uni-app里直接将{{ 类 }}里的(类)属性取出来加v-if将其变成判断条件即可。注意：只需里面的判断属性即可，有class属性的直接让其在class里面显示，根据判断条件显示出对应的样式。...
2020-02-24 09:42:45
2302
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人