- 博客(65)
- 收藏
- 关注
RSS订阅原创 vue el-table 数据变化后，高度渲染问题
场景：el-table设置了height属性，但是切换查询条件后再次点击查询重新获取data时，el-table渲染的高度会有问题，滚动区域变矮了。方法，在表格数据渲染后调用。方法可以重新布局表格。
2025-01-08 10:39:06
614
原创 uniapp 修复使用 uni.saveImageToPhotosAlbum 方法在部分安卓手机上保存失败
以上方法解决我在鸿蒙系统上发现的问题，要是实在还有什么刁难的手机不适配，就试试图片上自带的一个属性：show-menu-by-longpress，可以让用户长按保存，或者使用wx.showShareImageMenu方法，帮用户调起长按菜单～部分手机使用uni.downloadFile方法下载网络资源图片后，得到的图片临时路径的扩展名是unknown，所以后续在调用wx.saveImageToPhotosAlbum 方法时候会报错以上错误——文件类型错误。重要部分被我用红框框框住啦～
2024-08-22 17:28:00
1478
1
原创 uniapp 微信小程序自定义分享图片
2. 自定义内容：因为onShareAppMessage的imageUrl参数的支持的是本地文件路径、代码包文件路径或者网络图片路径 ，所以这里实现自定义的分享的方法是结合canvas画布。微信小程序用户，点击小程序里商品的分享按钮时，想要不同的商品展示不用的分享内容，比如分享图片上展示商品的图片、价格等信息。画画的时候，要是找不准xy的位置，可以从这三种样式里选一个样式接近的再慢慢修改～先贴上画布的代码，这里画了三种自定义分享的内容，样式在代码下方。setGoodsShareCanvas()方法的样式。
2024-06-19 15:23:53
6044
4
原创 uniapp H5唤起手机App 中间下载页
我这里直接是打开中间下载页，在下载页判断手机是否已存在App，有则唤起App，没有则可点击下载按钮下载app。唤起App的关键语句是：window.location.href = scheme。Android和ios的下载链接：一个放的apk安装包，一个是跳转到AppStore的。上述代码中的schemeLink：xxxApp://
2024-02-18 13:45:42
1175
原创 uniapp 解决安卓App使用uni.requestPayment实现沙箱环境支付宝支付报错
沙箱测试在支付接口前调用EnvUtils.setEnv(EnvUtils.EnvEnum.SANDBOX);用于切换沙箱环境与生产环境； 如果不使用此方法，默认使用生产环境。
2024-01-07 13:49:27
3642
4
原创 PDA 红外扫码 uniapp
3、设置【输出方式】为【Intent输出】，此时下方【广播动作】、【广播字符串数据标签】、【广播字节数据标签】为可点击编辑状态；1、在utils文件夹下新建scan.js文件。附：红外线扫描配置（以优博讯的一款PDA为例）2、打开【输出方式】页面，再次点击【输出方式】与代码里的对应上即可，我这里是。
2023-10-08 11:54:48
3508
3
原创 vue elementui ＜el-date-picker＞日期选择框限制只能选择90天内的日期（包括今天）
之前也写过其他限制日期的语句，感觉用dayjs()的subtract()和add()也挺方便易懂的，以此记录。
2023-10-08 10:58:16
1960
原创 vue 监听dom元素尺寸大小改变
1、安装插件，npm install element-resize-detector。方法：使用element-resize-detector插件来实现。
2023-10-08 10:32:17
1715
原创 chrome浏览器 调试鼠标悬停后出现的元素样式
鼠标悬停后出现的样式，我们遇见的有两种情况，一种是用css设置的hover时的样式，第二种就像el-tooltip组件，鼠标悬停时出现提示文字的样式。
2023-09-20 17:23:22
7713
5
原创 CSS 修改el-calendar的样式，自定义样式
JS：css： 在这里小记一下，主要也是为了保留一下这次的修改成果，方便以后使用 有个没改好的地方就是，右上角的选择上下月的按钮不好修改为左右箭头，所以那块就没做优化，大家要是有好方法可以让我借鉴借鉴，ui如下：
2023-09-14 16:31:44
1734
原创 uniapp app 实现右上角回首页；点homeButton返回上一页；onNavigationBarButtonTap不生效问题
2、在对应页面加onNavigationBarButtonTap函数，我这里不需要区分按的什么按钮，就没有接收参数，若需要可以按官网来做判断。问题：用了官网的 homeButton，图标正常展示了，也可点击，但每次点击后是会返回上一页而非首页。后来查到说，要结合onNavigationBarButtonTap生命周期函数使用，但毫无反应。1、pages.json页面设置自定义按钮，这里图标选择官网提供的type: home，靠右展示。app，Android移动端 实现点击右上角图标，回首页。
2023-08-16 17:26:26
3950
原创 uniapp app 自定义扫码界面
2、在pages.json文件中，配置页面路由文件，去掉这个页面的原生导航栏。场景：使用移动端扫描二维码实现装箱操作，对于简单的扫码操作。2. 实现对于已扫描过的二维码进行错误提示，并继续做扫码操作。1. 需要做底部按钮切换，实现更换“临时箱”/“标准箱”3、可以直接启动这个页面，就能看到这个界面样式了。
2023-08-16 16:31:13
5885
4
原创 echarts 饼图中间添加文字
另外，大家应该也可以用title的配置，修改放置位置来展示中间字；当然，也会有相同的问题，如果需求需要正常的title展示，就可以借鉴方法二，画一个相同位置且不展示的饼图实现它。方法二、基于上一个方法做优化，为series再设置一个相同位置的饼图。连到相应的扇区”的label覆盖掉，以至于显示不了。方法一、设置series对应饼图的label属性。但这种方法会把“饼图扇区外侧，通过。大家要是遇到更优的方法，欢迎评论~需求：饼图中间展示总量数据。
2023-07-26 23:11:07
7156
原创 nodeJS MySQL 连接报错Client does not support authentication protocol requested by server； consider upgra
这里的根本原因是你安装了8.0版本以上的MySQL，密码加密方式发生了变化所以低版本的navicat不能进行不能自动适配，所以简单的方法就是升级navicat客户端，或者是去手动修改密码规则。nodeJs express框架下使用MySQL数据库，正常与建立MySQL的，因为自己曾把MySQL的默认端口3306改为了3307，引起了一系列错误~5. 要是你的端口就是默认的3306，可以忽略这一段，直接看序号7；3. 输入命令mysql -u root -p ，回车。4. 输入你的密码，回车。
2023-07-19 18:40:22
9905
3
原创 vue img 图片损坏时展示替图片
场景：图片地址找不到时，会展示如图一；虽然没什么大影响，但是有点丑，需求是想在图片损坏时展示替补图片，如图二。代码实现：给img标签加@error=""事件。
2023-07-14 18:09:24
624
原创 echarts vue2 柱状图定时联动饼图
1.需前端做个鼠标悬浮自动切换的效果。每10秒钟自动切换一个柱子。2.鼠标悬浮到哪个柱子，则饼图配合显示该柱子对应的饼图。
2023-06-16 17:54:43
627
原创 echarts 被封装后多次复用，图表被覆盖，解决方法
多个父级页面使用这个盒子后，发现只有第一个盒子展示图表，但展示的是最后一个图片的样式，其他都空白。为了方便样式统一，封装了一个盒子，其中包含echarts，option是从父组件传来的。将原本id或class选择器改为ref方式，代码如下。
2023-05-27 20:01:57
1067
原创 echarts 自定义图标调用echarts的下载/保存图片功能
图表需要配上一个保存图片的功能，当然，echarts本身自带这个功能，但是由于样式问题，需要在图表自身的外部画下载icon并实现保存图片功能。因未查到如何从外部直接调用这个功能，所以根据源码的实现方式，又自己封了一下，在此记录一下。左图是echats自带的下载，是可以设置其左中右等位置的，但并不适合我的ui。这是官网的保存图片的配置地方。右图是我封装后的样式。
2023-05-27 19:40:52
3448
原创 vue3 h5进入页面后自动滚动到底部
在做h5项目中的聊天页面时，需求是进入页面自动滚到底部，方便用户看到最新消息（因为消息是正序排列的，最新消息自然展示在底部）。
2023-03-30 15:50:37
3106
原创 vue3 使用vue-i18njie解决切换语言不更新问题
npm install vue-i18n@next 这样装的最新版的才能在vue3.0使用。问题：地址栏语言的传参变换后，页面的展示的数据还是翻译的上一个语言的数据，需要再次刷新才正确。场景：我这里做的不是点击按钮切换语言，是从地址栏里取不同的语言时需要更新数据。结果：页面渲染的数据就是当前地址栏取到的语言所对应的翻译数据。
2023-03-01 16:28:53
4732
2
原创 elementui 解决el-table多选 禁用时隐藏全选按钮
这里，el-table被选中部分行，全选按钮还是会显示对勾，而不是半选中状态，容易使用户混淆。在el-table加 :header-cell-class-name="cellClass"
2023-02-01 15:28:31
5277
原创 elementui 解决Checkbox多选框 按钮样式禁用时不显示被选中的按钮
找到选中项的对应class，对其的el-checkbox-button__inner加背景色
2023-02-01 11:14:17
1895
1
原创 使用popover实现：内容超出指定行打点...，且气泡框展示
虽然elementui 里 el-table 有一个属性可以很好的实现：给el-table-column 加 show-overflow-tooltip 属性，可以使列表里的内容超出隐藏并展示气泡框；2、判断字符长度：如果内容的长度大于设置的长度就气泡框展示，但这样会因英文或特殊符号与中文的宽度不等，导致判断不精准，出现不打点也会出现气泡框。1、直接使用tooltip：但这样就会出现，无论一行能不能展示全，都会出现气泡框，显然不符合需求。在开发中遇到一个这种需求：内容超出一行打点...，且气泡框展示。
2022-12-19 14:25:55
2103
原创 vue 重置data中的数据 this.$options.data()
在做项目时我们经常会遇到用一个弹窗表单来实现新增和编辑两个功能，这样就会出现，先点击编辑，回显出来的数据，再下一次点击新增时也会存在，所以我们需要在打开弹窗时清除数据。使用this.$options.data()
2022-09-28 17:25:12
4785
5
原创 elementui和vue-cropper实现裁剪并上传图片
在上传图片时，手里的图片尺寸有时会不符合上传标准，此时就需要一个上传前可以手动裁剪图片的功能。
2022-09-12 15:44:48
2128
6
原创 es6 处理数组的方法汇总
传给 reduce()和 reduceRight() 的函数接收 4 个参数：前一个值、当前值、项的索引和数组对象。第一次迭代发生在数组的第二项上，因此第一个参数是数组的第一项，第二个参数就是数组的第二项。注意，如果数组中的某一项是 null 或 undefined， 则在 join() toLocaleString() toString() valueOf() 返回的结果以空字符串表示。为了解决上述问题，sort()方法可以接收一个比较函数作为参数，以便我们指定哪个值位于哪个值的前面。
2022-08-19 18:17:42
11597
1
原创 vue 将判断时间是几分前，几小时前，几天前...
1、在vue项目中utils文件夹中新建文件formatTime.js。2、在main.js文件中引入。
2022-07-25 19:24:49
1366
原创 vue 适配微信浏览器 实现点击按钮复制文本 clipboard
之前写的复制功能发现用微信打开的浏览器页面不生效，所以又换了种方法实现首先，安装 clipboardnpm install clipboard --save然后，引入 clipboardimport Clipboard from 'clipboard'对被点击的文本或按钮绑定动态变量id="btn" :data-clipboard-text="scope.row.courseNo"<!-- 这里scope.row.courseNo是我要复制的内容 --><.
2022-05-13 10:19:43
4338
1
原创 git 命令 在commit 之后，push之前撤销提交
慢慢积攒用到的git命令语句在commit 之后，push之前撤销提交：git reset --soft HEAD^
2022-05-10 11:40:42
339
原创 js 对象或数组与字符串互换
对象或数组转化为字符串：JSON.stringify()const str = JSON.stringify(arr)const str = JSON.stringify(obj)将json字符串转化为对象或数组：JSON.parse()const obj = JSON.parse(str)const arr = JSON.parse(str)
2022-05-08 14:09:17
455
原创 falsy 值
今天意外收获一个知识点 ~ 抓紧记录下来falsy值（虚值）是在Boolean上下文中认定为false 的值。在JavaScript 中有 8 个 falsy 值，如下：false：false关键字 0：数值zero -0：数值负zero 0n：当 BigInt 作为布尔值使用时，遵循其作为数值的规则，0n 是 falsy 值。 ""、''、``：这是一个空字符串 (字符串的长度为零)。JavaScript 中的字符串可用双引号 "", 单引号 '', 或模板字面量``定...
2022-05-05 18:44:44
939
原创 el-table 设置列表数据单选
有时候对于table表格中的数据需要单选时，则需要改造一下elementui中的多选功能首先，给el-table 添加属性：<el-table :data="addData" ref="multipleTable" tooltip-effect="dark" @selection-change="handleSelectionChange" @select-all="dialogCheck" @select="dialogCheck">然后，再met
2022-05-05 16:42:14
2884
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人