- 博客(119)
- 收藏
- 关注
RSS订阅原创 uniapp的app项目，某个页面长时间无操作，返回首页
最开始想做成一个公共的，完全提取出来的一个组件，组件设置背景透明，到时候哪个页面需要，直接引入组件就可以了，所以最开始做的是一个vue的组件，在组件中，监听页面的@touchstart，但是这个组件会盖住原来页面的一些操作，导致原来页面的操作无法进行，所以最后只是把公共的方法提取出来做了mixins，然后在原来的页面加了@touchstart.capture，为啥要capture，下面会具体描述。2、之前把touchStart放在了组件中，但是会导致页面的click失效，所以放回了页面中。
2025-07-10 09:56:49
296
原创 uniapp的app项目，添加全局弹窗
2、后来又想直接去插件市场找个插件，刚开始找了如下的，在h5可以运行，但是app可能是我写的不对，有点问题。1、刚开始想着直接在APP.vue中定义弹窗，或者组件引入，但是发现app.vue中定义弹窗不行。3、后来去uniapp官网，直接搜索全局弹窗，找到了一个，点击进去，她有例子，点击例子链接。可以下载参考，它是直接把弹窗配置到了package.json中，然后在对应的地方跳转，1、在app.vue中定义mixins，将需要的公共操作放进来。3、在对应的需要弹窗的地方，设置事件，用跳转的方式显示弹窗。
2025-07-08 11:01:51
214
原创 git提交代码提示“error: RPC failed； HTTP 413 curl 22 The requested URL returned error: 413”
那些大的文件可以分批上传，不要超过限制就行。HTTP 413 curl 22 The requested URL returned error: 413”，网上查说是提交的文件太大了，确实，我提交了好多视频，然后我把本地视频删了，还是提示这个报错，应该是当时那个commit记录已经提交视频了，即使我现在删除，但是当时提交的那个记录是在的，所以报错。查看了很多资料，有说改下限制大小，又说用ssh上传的，我都试了，可能方法不对，反正没有成功。
2025-07-03 11:51:18
126
原创 renderjs获取父组件传递过来的值，在h5可以，app获取不到，显示undefined
在 App 端，renderjs 运行在一个特殊的 JavaScript 环境中（类似于 WebView 的独立 JS 上下文），与常规的 Vue 组件通信机制有所不同，导致 props 传递可能失效。但如果有多个数据变化需要处理呢？可以定义多个change，比如。
2025-07-02 10:50:29
97
原创 uniapp的video遮盖了popup
可以利用cover-view，将popup以及内部所有的标签，全都换成cover-view，然后用一个变量控制其显隐。video的默认层级太高，导致popup弹出的时候，部分被video遮挡了。
2025-06-18 16:47:12
272
原创 uniapp的app项目，在华为pad上运行，页面显示异常
因为我的设备时华为MatePad Pro，所以是800dp，然后看了pad的最小宽度，不知道被谁动过，改成713了。然后改为800，再打开项目页面，正常了！后来同事提醒说可能是pad的显示设置被调了，然后改了pad设置中的显示和字体大小，有希望！1、将所有px改为rpx，可以按照设计稿的尺寸来写页面，只不过把px改成rpx就可以。查了很多资料，说把px改为rpx，好，全部改了，页面还是很大。2、检查pad的设置，显示和字体 设置，以及开发人员中的最小宽度。显示设置中的"字体大小与显示大小"
2025-06-14 12:27:46
309
原创 uniapp生成的app，关于跟其他设备通信的支持和限制
开发者只需关注业务逻辑，底层细节由操作系统处理。严格限制 USB 通信（仅支持 MFi 认证设备或 Lightning 接口特殊用途）。UniApp 开发的 App 默认不支持直接通过 USB 与其他设备通信，这主要受限于。移动应用（App）通过蓝牙与其他设备通信，是通过分层协作实现的。调用操作系统提供的蓝牙API（如Android的。管理蓝牙协议栈（HCI、L2CAP、GATT等），已超出 Hybrid 框架的设计范畴。等 UniApp 原生支持的通信方案。（如蓝牙、摄像头、GPS）。
2025-05-20 10:00:13
1089
原创 uniapp的h5，打开的时候，标题会一闪而过应用名称，再显示当前页面的标题
最后发现，自己项目中，预设了index.html（我的项目放在了public/index.html，有些项目可能直接在根目录下的index.html），而index.html中设置了title，取得是应用名称，所以不管打开哪个页面，都会先显示应用名称，然后再出现该页面标题，修改办法，直接去掉title的设置，或者改为自己想要的。微信小程序，通过webview打开了uniapp创建的h5，但是打开h5时，会先显示h5的应用名称，然后才切换为该页面的标题。
2025-04-15 14:50:33
595
原创 AVUE添加el-tag标签
不用format，直接用render，试过format，网上说用const h = this.$createElement获取h，但是会报错。
2025-04-01 10:33:28
102
原创 element el-upload before-upload返回false，但还是触发了action，调用了后台的接口
async 函数总是返回一个 Promise，即使你写了 return false，实际返回的也是 Promise.resolve(false)return Promise.reject(new Error('验证失败'));// 正确的异步阻止方式。查看before-upload对应的函数是不是async，如果是async开头的，需要返回。
2025-03-17 14:53:21
383
原创 chrome Vue.js devtools 提示不支持该扩展组件，移除
直接搜索vue，下载旧版，vue2、vue3都支持，上面那个最新版本试了下，vue2的肯定是不能用。可能是版本不兼容，可以重新安装，推荐网址。
2025-03-04 10:40:39
862
原创 vue中使用地图
注册账号，创建自己的应用，取到Key，然后再vue中安装@amap/amap-jsapi-loader，就可以使用高德地图了。Leaflet 是一个轻量级的开源地图库，适合在 Vue 项目中使用。OpenStreetMap，但是这个经常网络访问不了，翻一下就很快。引入项目后，需要 添加地图图层，这个地图图层可以是高德、百度、本文主要介绍引入高德地图和使用leafLet添加其他地图图层。综上，推荐直接使用高德，在vue中引入。然后在具体地方引入该组件即可。
2025-02-24 14:27:50
786
原创 nvm安装过程中问题
安装nodejs方式有很多种。第一种：官网下载 通过nodejs官网下载安装 ，但有个缺陷，不同版本的nodejs无法顺利的切换。第二种: NVM安装 NVM可以帮助我们快速切换 node版本。但是安装NVM过程中有很多坑，网上找了很多文档都没解决问题。这里自己总结下，帮助大家顺利安装软件。一、 下载nvm安装包1 下载地址 github上下载最新版本:Releases · coreybutler/nvm-windows · GitHub 推荐下载第三个包：nvm-setup.zi
2024-12-24 12:22:24
1701
原创 html转canvas后，部分背景显示黑色
就是RGBA中的A，JEPE通常只有3个通道（红色、绿色和蓝色），而PNG可以有4个通道（红色、绿色、蓝色和透明度）。2、如果是使用html2Canvas，则可以设置scale为1.5，而不是1，png也不会出现黑色。canvas换成jpeg之前移除alpha通道，所以透明区域被填充成了黑色。3、在canvas绘制前填充白色背景（对于canvas组件适用）1、使用jpg图片，就不会出现黑色问题。
2024-12-04 17:25:26
616
原创 微信小程序正式版无法打开相机，体验版没有问题
原因：提交审核的时候，没有选择“采集用户隐私”，这个选项不只是说获取用户的手机等隐私信息，而是允许使用用户手机的一些功能，比如调用摄像头，获取用户相册，获取用户蓝牙功能等。
2024-11-21 08:52:21
693
原创 el-table-column prop值根据数组获取
这里是因为多个列都需要同样的计算，所以使用column.property获取属性，不然可以直接row.属性。直接在template scope 使用v-if判断。
2024-11-08 17:07:18
867
原创 tree-select校验无用
3、解决方案：在vue-treeSelect中有值改变就调用的方法input，我们可以在input方法中用validateField重新校验。1、情况描述：选中的树值变化时，绑定的rules校验触发方式为‘blur’或者’change’都没有触发。
2024-10-29 16:26:29
291
原创 mysql存储过程
CREATE DEFINER=`root`@`localhost` PROCEDURE `card`.`init_card`(IN `orgId` bigint(20))beginDECLARE card_user_id,if_has_org bigInt; //定义变量END如果是为了确定select语句结果是否为null，如下：定义的in参数，不能与select表中字段名重复，不然where条件无效如上，org_id跟表card_dept中字段org_id重名，导致where失效
2024-10-14 13:57:35
318
原创 nvm install 16.14.1报错“Node.js v16.14.1 is not yet released or available.”
再次运行nvm list available，结果如下，现在就可以使用安装命令了nvm install 16.14.1。使用命令nvm ls available，结果列出的可供下载的版本列表为空，这就是原因了。
2024-09-10 10:11:24
645
原创 vue-drag-resize动态修改width时，y和height自动变化
其中height小于50了，所以导致修改width 的时候，height和y自动发生变化。解决办法：重新定义minh和minw。：默认minh和minw是50，
2024-08-15 13:39:17
266
原创 canvas绘图图片大小根据外层窗口自适应
如果图片宽高相等，则根据固定盒子的宽高来决定缩放后图片的宽高，固定盒子的宽大于高，则缩放后的图片高等于固定盒子的高度，对应求出另外一边即可，反之亦然。如果图片宽高不等，使图片的长边能完全显示出来，则原图片高的一边缩放后等于固定盒子对应的一边，等比例求出另外一边，1、完全显示出来，根据图片宽高比，固定盒子宽高比，对比，最终效果，有一边能完全显示出来，另外一边等比例缩放。图片按照contain模式放到固定盒子的矩形内，则需要对图片进行一定的缩放。// 计算图片在画布上的位置。保持纵横比缩放图片，
2024-07-26 08:43:38
1311
1
原创 上传文件传参 pc端vue的formData
if(ref.toString().indexOf('qrcode') >= 0) formData.append('noStbg', true)//添加参数。//添加参数并且重新命名文件名称。
2024-07-25 09:36:58
539
原创 图片大小根据外层div自适应 pc端
这样设置图片的话，可以使图片在指定的空间内缩放。（自动根据外框大小，判断横纵向拉伸和自动匹配）（横向拉伸，纵向自动匹配大小）（纵向拉伸，横向自动匹配大小）img外层还有div控制宽高。
2024-07-25 09:05:20
313
原创 连续空格 换行white-space:pre-wrap；html2canvas
页面el-input textare类型，输入的内容换行了，传给后台的字段看着是/n，但是通过接口拿到后台返回内容，再通过。html2canvas截屏图片后，没有换行了，需要加上。
2024-07-11 13:57:47
321
原创 audio ref获取后 pause失效
this.$refs['soundaudit'+item].pause()失效，通过ref获取后，调用pause不生效。
2024-07-01 14:03:01
299
原创 vuex computed获取mapGetters,字典的值不能实时更新
字典dicts中包含很多类型字典，是个object，原来代码。computed中通过mapGetters获取。实际原因，深浅拷贝的问题。
2024-06-18 15:30:50
506
原创 js a赋值给b 修改b会影响a
直接赋值，只是让b指向a所在地址，修改任何一个，另一个都会变化。方法一：SON.parse(JSON.stringify。方法二：Object.assign。
2024-05-29 09:53:54
272
原创 elementUI form refs.resetFiles不生效
意思就是，form元素el-form-item必须有对应的prop=‘name’，如果没有prop，reset的时候就没法对应，无法清空。属性传入约定的验证规则，并将 Form-Item 的。Form 组件提供了表单验证的功能，只需要通过。属性设置为需校验的字段名即可。
2024-05-29 09:36:46
142
原创 word批量修改表格样式
注意：如果全局的段落里面设置了对齐方式，再对第三步中，批量表格的表头设置居中对齐，会不生效，所以表格的对齐，不要再全局的段落中设置，如果设置了，就重新设为默认值，该回去，再针对表格设置。（2）可以针对某个表格样式设置属性，其中可以单独针对“整个表格”、“标题行”设置，因为有时候标题行和内容的要求不一样（比如标题行居中，表格内容居左，标题有背景色等）（3）如果设置了标题行的样式，需要在表设计/表格样式选项/这里，选中标题行，才能生效。（1）表设计，点击表格样式的右下角，出来修改样式的弹窗。
2024-04-18 14:11:07
6944
原创 nvm安装node后，报错Cannot find module ‘C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js‘
问题描述nvm安装node后，也会自动安装npm工具，但是在提示安装完成之后，使用npm相关命令时，会报如下错误Error: Cannot find module 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js'原因：可以查看当前node版本 node -v，如v14.18.1，然后去nvm安装地址中找C:\Users\10153615\AppData\Roaming\nvm，会有对应版本的文件夹v14.18.1，会发现里面没.
2024-03-01 10:20:03
2758
1
原创 nginx配置proxy_pass反向代理时，加/和不加/的区别
nginx 配置proxy_pass代理转发的时候，加/ 和不加 / 的区别： 如果后面的url加 /，表示绝对根路径；如果没有/，表示相对路径。访问test.com/data/index.html 会转发到http://127.0.0.1/data/index.html。访问test.com/data/index.html 会转发到 http://127.0.0.1/index.html。
2023-06-21 15:28:35
1645
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人