- 博客(59)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 echart自定义图片填充柱状图
echart用自定义图片填充柱状图 加记得加image://或者直接使用bas64格式图片。关键代码 type: 'pictorialBar'echart用自定义图片填充柱状图。
2024-04-22 16:32:05
327
原创 echart+map发散地图静态射线设置
本案例是vue2+echart4.9。实现上饶--纽约 和上饶--越南的两条线路。其他关键代码都有注释，可以直接复制运行查看。关键代码 map: 'world'世界地图或中国地图的射线功能。
2024-04-22 14:43:08
250
原创 elementui 表格复选框根据列表状态设置禁用效果
el-table 表格type="selection" 复选框需要根据状态来设置是否禁用，需要加。注意 selectable要是一个方法不能设置变量。属性返回为false时则为禁用。
2024-03-19 16:58:24
554
原创 el-tree 设置默认展开指定层级
el-tree默认关闭所有选项，但是有添加或者编辑删除的情况下，需要刷新接口，此时会又要关闭所有选项；expandedkeys:[] //expandedkeys为要展开的层级。里面的值就是node-key="id" 里的id键对应的值。需求：在编辑时、添加、删除 需要将该内容默认展开。
2024-03-19 14:06:17
1142
原创 Harmony OS 父子组件传参
要改变message时，父组件的message改变不了，只能改变子组件的参数。时，改变message值，参数跟着更新。并且子组件也跟着更新（类似于vue的prop传参，只能父组件传参给子组件。
2024-03-04 15:58:33
717
原创 鸿蒙OS运行报错 ‘ToDoListItem({ item })‘ does not meet UI component syntax.
在学习harmonyOS时，原本是好好运行的。但是突然报错 does not meet UI component syntax.可能是鸿蒙的开发工具DevEco Studio的生成了.map和.js文件原因
2024-02-22 11:14:07
1656
3
原创 鸿蒙OS导入项目报错不能运行 @ohos\hvigor\bin\hvigor.js‘
import导入时界面报错，直接点击解决方案，执行命令安装指定版本。在自学鸿蒙时，想导入官方示例代码：待办列表（ArkTS）报错。安装好依赖又报这个错，看意思应该是只有ets文件才可以运行。这有个提示报错提示，大致意思是版本不一致。这样我们导入的项目就可以运行了。
2024-02-06 11:02:52
3418
3
原创 js按顺序循环接口返回数据，组合成新数据
现在vue项目里有个字典接口，改页面很多地方要调用字典接口，需要写个循环将字典值和接口返回数据对应。方法用于将多个 Promise 实例，包装成一个新的 Promise 实例。循环要遍历的数组，调用上面方法，将数据填充到dictlist。有时候我们需要根据一个参数通过接口返回的数据进行一一对应。调用字典接口，回调字典列表。
2023-12-19 14:32:48
726
原创 uniapp APP下载流文件execl 并用WPS打开
uniapp APP下载流文件execl 并用WPS打开，使用plus.downloader.createDownload 方法将新建下载任务
2023-11-21 09:02:18
958
原创 uniappAndroid平台签名证书(.keystore)生成
记住下载默认安装地址。ps：我都默认安装地址C:\Program Files\Java\jdk-1.8。是证书的有效期，表示100年有效期，单位天，建议时间设置长一点，避免证书过期。名称，可修改为自己想设置的文件名称，也可以指定完整文件路径。Enter keystore password 就是。，可修改为自己想设置的字符，建议使用英文字母和数字。系统变量配置 AVA_HOME。二、安装成功后配置环境变量。
2023-09-18 13:56:36
701
原创 vue预览和下载txt、PDF、execl等在线文件
因为浏览器能直接打开TXT、PDF等文件索引默认就是点击链接打开文件。但是浏览器却又不能在线打开execl、world等文件。现在我们可以统一的实现文件的预览以及下载。
2023-07-25 10:32:15
1951
1
原创 echart折线图自定义横线 markLine属性
echart折线图自定义横线 markLine属性设置。直观查看是否在误差范围。自定义每个横线的颜色。自定义每个横线的颜色，名称
2023-07-24 18:32:23
1687
原创 启动项目报错 Error: listen EADDRINUSE: address already in use :::3301
在宝塔运行node项目时报错，提示已经有3301端口了，现在我们可以找到线程然后关闭就行了。
2023-07-21 08:17:59
277
原创 elementUI 非表单格式的校验
关键代码 clearValidate 方法清除校验。在普通表单中对输入框、选择框都有校验案例。但是在自定义非空中如何进行校验官网并没有说明。
2023-07-13 18:57:37
1493
2
原创 vue PC端完成电子签名
组件目前是返回bas64格式，我觉得要把他转换成在线图片，然后再存起来，具体的等写到这时和后端商量吧。看了原型其他基本都是对接口、写表单，难度不大，先把电子签名给攻克了起。最近接到一任务，有一个功能，重来没有遇到过。因为项目是vue 所有使用了 vue-esign 组件。因为有许多地方要用到，就写了个组件。
2023-06-28 18:57:19
1095
原创 nodejs+mysql+vue+elementUI 实现选择资源管理工具
我们在写后台管理系统时会遇到上传视频、音频等内容。如果上次地方多的话，每个地方都要加上传的代码，比较麻烦。而且遇到有些图片是已经上传过的，下次遇到了又要重复上传。这时候要有个资源管理工具，可以实现上传图片到资源管理工具里，然后再去选择需要的图片这是普通的上传单选和多选资源模块。
2023-06-25 15:56:52
564
原创 uniapp中使用mixins（混入）
这些混入对象可以像正常的实例对象一样包含实例选项，这些选项将会被合并到最终的选项中，使用的是和。也就是说，如果你的混入包含一个 created 钩子，而创建组件本身也有一个，那么两个函数都会被调用。注意：此时在混入的页面一定要有这个方法getlist，这个就固定是获取数据的方法名了。这样子我们就可以不用在所有的页面都要加分页参数和onReachBottom方法了。Mixin 钩子按照传入顺序依次调用，并在调用组件自身的钩子之前被调用。我们可以创建mixins文件夹，将变量、方法等公共方入mixin里。
2023-06-17 14:50:07
4156
原创 vue实时将阿拉伯数字转换成中文大写数字
写合同时需要实时显示出中文大写数字。现在需求是将阿拉伯数字数字转换成中文的大写数字。在watch监听对象中的属性，将转换好的内容显示到页面中。ps:因为要监听的是对象，所以需要深度监听。
2023-06-08 14:46:29
1320
1
原创 vue解决浏览器中跳转新页面缓存上一页表单等内容方法
在工作中，有可能会遇到需要缓存页面或组件的功能。：比如在h5中有个一个50个表单，在填到第40个表单时，需要你去另一个新页面去选择列表项，然后把数据带回来。需要我们不仅把数据带回来还要保留前面已经填好的40个表单内容不被重置。此功能在微信小程序是可以做到的，微信小程序返回上一页内容的话，onshow以前的生命周期的不会调用的，所以表单是会被保留的。但是vue生命周期和微信小程序不一样。如果跳转某个页面或返回上一页都是不被缓存的。我们可以使用 keepAlive 来缓存当前页面或组件。
2023-06-06 14:21:12
5524
原创 vue在组件中自定义使用v-mode属性
因为v-mode自带的input方法父组件不需要声明input方法。fatherData变量会变成haha。emit方法调用input方法，获取v-mode的值。
2023-05-31 08:45:30
195
原创 uniapp、vue返回上一个页面并刷新（调用上一个页面的方法）
在当前页面（A页面）查看列表，在A页面点击发布跳转到表单页（B页面）。B页面提交成功返回上一页A，要判断如果发布成功，返回到A页面得拿到最新数据（相当于要监听返回到A页面时得刷新数据了）使用onshow的生命周期，但是这个有个缺点，就是因为A页面是有下拉刷新的功能，如果在onshow调用的话，当用户下拉，onshow里的方法会被调用1次。使用getCurrentPages方法拿到上一页的内容。当在B页面返回时调用A页面的getlist()方法。B页面编辑成功后调用上一个页面方法。
2023-05-17 16:04:29
2607
2
原创 微信小程序报错wx.getLocation need to be declared in the requiredPrivateInfos field in app.json
uniapp设置requiredPrivateInfos。wx.getLocation need to be declared in the requiredPrivateInfos field in app.json/ext.json
2023-04-20 14:29:15
9639
6
原创 uniapp微信小程序支付
payurl 接口会返回微信支付发配置文件会返回orderInfo内容，我们对应在requestPayment填进去就可以了。反正主要是后端能生成正确的支付签名这些参数，就可以了，要是支付报错，大概率问题是后端支付签名这些有问题。写成pay.js文件可以直接复制文件。需要改的地方主要就是。是订单编号，需要传给后端，后端就会生成微信支付配置参数。uniapp微信小程序支付。
2023-04-17 16:33:37
599
原创 vue 中quill-editor富文本图片和视频上传功能
quill-editor富文本对于新手来说是个很友好的富文本编辑器。但是里面的图片上传和视频上传功能在实际的工作中不能满足要求。1.原生的图片上传会转换成bas64格式，2.视频上传只是个输入框，要有视频链接了才能添加视频；而且视频标签是iframe标签，并不是video标签。现在主要解决以上这两个问题加了个自定义上传视频弹出框，既可以用已经有的在线视频地址，也可以上传本地视频。
2023-04-13 09:32:19
1444
原创 下载Navicat premium 并连接 MySQL
Navicat premium是一款数据库,是一个可多重连线的管理工具，它可以让你以单一程式同时连线到、MariaDB、Mssql、及资料库，让管理不同类型的资料库更加的方便。简单来说就是图形化数据库管理工具。对于不熟悉SQL语法的人或后端不太懂的人来说很友好可以点击 文件》新建链接》 MySQL2.新建数据库新建了连接之后 可以新建数据库了，右击刚才新建的连接》新建数据库》例如我新建了个 ‘woods’数据库右击表 》新建表例如我创建了个新闻表根据UI显示的内容，就创建相当于的字段。
2023-04-10 09:43:55
101
原创 Vue中使用富文本ueditor
vue-ueditor-wrap 组件它对ueditor进行了二次封装，集成秀米等第三方插件也方便。注意 vue-ueditor-wrap v3 仅支持 Vue 3。this.imageList数组内容有属性URL为图片地址就行了。以上是我使用elementUI正常上传图片的请求及返回参数。返回的是图片绝对路径，插入的图片就需要直接拿data值。因为后端已经有写好图片上传接口了，但是有时候需要的。都是不符合的，此时就是需要我们前端去自定义了。多选上传图片的话就没问题了。要解决图片上传问题，
2023-03-02 14:36:43
1635
原创 nodejs 生成和使用token
登录时生成token,要获取用户信息时直接拿到请求头的token，然后就能解析到用户id了。封装了一个生成token和解密token的方法。Vue登录接口，生成token。在请求头上提交token。
2023-02-27 09:34:51
481
原创 腾讯云cos图片浏览器直接访问报错This XML file does not appear to have any style information associated with
腾讯云cos图片浏览器直接访问，看不了图片。This XML file does not appear to have any style information associated with
2023-02-20 14:12:21
1803
原创 微信小程序安卓视频播放卡顿问题
刚开始以为是网络问题，或者是视频文件问题。排查了一下发现都没问题。在微信小程序开发中遇到在安卓手机里播放视频会有明显的卡段问题。但是加了这个属性会让iOS手机第一次播放视频会有几秒黑屏问题。因此我加了当前手机型号的判断。最后加了个属性就OK了。
2023-02-11 09:35:25
3348
3
原创 微信小程序iOS视频播放开始黑屏问题
custom-cache="false" 把这删了就可以了。iOS开始播放视频时会有几秒黑屏卡顿，然后才会流畅播放。而安卓手机就不会有黑屏，点击播放直接就可以播放视频了。这个属性就会让iOS开始播放就有几秒钟黑屏。在微信小程序播放视频时遇到个奇怪的问题。至于为什么想起要加这个属性是因为。后来发现我是加了一个。
2023-02-11 09:24:34
1368
原创 Unknown column ‘title‘ in ‘field list‘问题
> 1054 - Unknown column 'title' in 'field list'> 时间: 0s。最近用node写SQL在插入数据的时候报了个错。3.检查数据库编码和数据表字段编码是否一致。我的 title和 txt都是存在的。表字段有没有空格或者回车。4.如果上述都不能解决。
2023-02-08 16:02:45
306
原创 uniapp微信小程序支付券或商家券插件
调用接口获取卷配置，主要不要让后端弄错了，基本传个发券商户号、消费券批次号就可以获得到配置，具体的解析是后端使用微信的api自己去弄的，和前端没关系。注意：我们要点击那个 send-coupon组件才会有这个微信弹出框出来，这个弹出框是组件自带的，不用去写样式。这个弹出框出来，就可以到微信-->我的-->卡包-->券和礼品卡 去看了。在小程序页面中引入发券插件（哪个页面要用插件就引用一下）上面三个是必填的参数，要通过后端接口返回的参数去赋值。注意：支持商户在小程序场景内向。小程序发券插件API。
2023-01-31 10:27:21
1460
4
原创 微信小程序获取头像昵称能力API
还记得刚开始的时候 getUserInfo 返回信息齐全，头像昵称性别地区都有，一步一步被阉割取消，而如今getUserProfile 也被收回，前端工程师们的头发也被一根根的掉落。为了让大家少掉几根头发，整理了下最近自己的项目要用到的头像昵称填写能力。头像上传是可以自定义传图片的，我们可以让后端给个上传图片接口，将。，因为点击获取的时候拿不到自己的昵称，只有去输入了才会有效。如果用户不使用自己头像用上传相册的图片也是一样的。获取昵称的时候注意，最好不要使用v-mode。回显的时候直接回显线上的路径。
2022-12-13 15:10:39
1581
2
原创 微信小程序获取微信步数
获取微信步数解密失败问题前面我是直接将wx.login的code、iv、encryptedData一起给后端的，但是后端一直报解密失败。我看文档说要先登录。我就让后端再写个获取sessionkey接口给我，我直接sessionkey、iv、encryptedData传给解密的接口。这样修改就好了。微信小程序获取微信步数使用方法1.先使用login登录方法获取sessionkey2.再使用getWeRunData将encryptedData、iv以及前面后端传给我们的sessionkey，让后端解
2022-11-30 09:30:12
3379
1
微信小程序直传文件到阿里云OSS项目引用代码
2023-03-15
nodejs 运行一段时间会自动崩溃
2023-02-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人