- 博客(20)
- 收藏
- 关注
RSS订阅原创 nuxt3打包报错Named export ‘addListener‘ not found. The requested module ‘file://D:/project/xxxxxxx
将vite.config.js里面的build做出如下修改。这个是echarts的报错。
2024-05-29 09:30:56
257
原创 创建nuxt3+vue3+js项目
安装nuxt elementplus 模块。在app.vue加入代码引入icon。安装elementPlus和图标库。nuxt.config.ts写入。
2024-04-19 17:34:44
322
1
原创 小程序h5相互跳转传参
最近做了一个不知道怎么形容的功能...在小程序里面使用webview嵌入h5页面，一个商城，小程序里面需要把登录信息openid传给h5登录，在h5选购东西，购买生成订单，h5将order_id传给小程序，在小程序调方法付款，付完款在小程序里面把支付状态传给h5...踩坑无数，话不多说，敬我踩过的坑们！（小程序是vue3的，h5是vue2的）
2024-04-19 17:13:34
756
1
原创 点击input禁止键盘弹起，任何组件的input都适用
所以这个最简单的方式就是再写一个盒子把input框盖住，盖住input的盒子层级设置高一点，这样只会触发盖input的盒子，然后将选中的值赋值给input框。其实这个问题无非就是，我只想要一个input框的样式和v-model，点击input调起的是日历或者一些弹窗之类的...
2024-03-29 16:26:57
932
1
原创 uniapp微信登录报code be used
h5做微信登录的时候取到了code发请求获取openid，接口每次报code be used,后端那边日志显示发了两次请求，但是在我的控制台只看到发了一次获取openid的请求，这是怎么回事。
2024-03-15 15:24:12
374
1
原创 h5跨域解决方案（考虑小程序请求问题，本人项目问题已解决）
这个文件我自己uniapp的项目里面没有，在网上搜了好像没找到自动生成该文件的方法，我直接建了一个没太大问题，下面是配置，一般都是使用/api，但是我一直没解决问题就出在这里，我把api改成了apis就没问题了。这个方法百分百能解决，不解决你来打我！本人参考了网上很多方法都没解决，最后一点小调整解决的，上代码。但是如果是和我一样做的是小程序和h5兼容项目的朋友就会发现，改变基地址后小程序里面就会报这个错误。所以我们现在需要在代码里面判断一下在h5里面执行的代码和小程序里面执行的代码。
2024-03-09 11:08:06
739
1
原创 移动端实现九宫格（适配任何张数的图片）
这里将view宽高做了一个适配，宽度在不同机型上面几乎都不一样，所以使用计算属性，先减去两边的一个边距，再减去九宫格的边距，右边距是根据索引来进行判断的，第三张第六张第九张是不需要右边距的，所以索引为258的都不需要，又减去了1rpx因为移动端rpx这个单位吧。很久没有写css的博客了，因为感觉平时写的都很基础，这次有个九宫格的需求用自己的方式实现了所以记录一下，可能会有不足的地方！下面这个是整个静态页面的全部代码，仅供参考。有任何问题请评论区留言或者私信我！
2024-03-07 11:17:50
448
原创 uniapp引入uview报错 Error: Undefined variable. border-color: $u-border-color
应该是将 @import '@/uni_modules/uview-plus/theme.scss';这一行代码在根目录的uni.scss文件里面引入。而将 @import "@/uni_modules/uview-plus/index.scss";这一行代码在根目录的App.vue文件里面引入。我报这个错的原因是将这两行代码全部在App.vue文件里面引入了。
2024-03-06 18:07:19
1519
1
原创 pinia以及做持久化（页面刷新数据不丢失，pc端，uniapp，使用nuxt框架三种）
很久没写文章了，提笔写下这篇也是因为做uniapp使用pinia做持久化踩了一下午坑......
2024-02-28 17:45:28
1091
1
原创 pc端移动端相互切自动换跳转（全网最简单最全方法）
喜报喜报！！！！！！今年最后三十分钟的上班时间，事情不多写下这篇文章最近pm提的一个功能。最开始在网上找了很多方法，很多都是判断浏览器内核或者uniapp的api判断移动端设备信息进行跳转，出现了一些问了，于是自己着手写了一个简单粗暴的方法，直接监听页面尺寸进行跳转，而且pc切换成移动端或者移动端切换成pc端能话不多说，开讲了 ps：由于我做的项目pc端和移动端的app.vue文件里面一个是v2的写法一个是v3的写法，所以下面我会将vue2和vue3的写法都展示出来，所以很全。pc（vue3）
2024-02-07 17:40:04
1032
1
原创 移动端真机调试之vconsole
最近新入职了一家公司，用的内网开发，谷歌和hbuilderx的真机调试都不能使用了，不知道是不是内网的原因，于是同事介绍的一个工具 --- vconsole，代码量极少，引入十分方便。2.在app.vue中加入以下代码。手机浏览器或者微信访问项目地址（192开头的）出现箭头所指的绿色按钮就代表引入成功了。现在已经引入了全部的代码了。
2024-02-07 10:41:05
530
1
原创 uniapp图片（头像）裁剪（vue3+ksp-cropper）
赋值完成后操作后点击确认onok进行裁剪，将cropperUrl置空，去调用上传的接口得到完整的地址，成功得到完整地址后再去调用修改图片（头像）地址即可。当我们使用uniapp自带的上传图片时将cropperUrl进行赋值，头像裁剪就会出来。数据层，标签里面的 :url如果为空插件就默认不显示，有地址裁剪就会自己出来。参数根据自己的需求可以自己设置，头像裁剪记得用fixed，这个是固定尺寸。完结，撒花，有任何问题请私信踢我或者评论区留言！将插件安装到项目中，这个下载插件的官方地址。
2024-02-02 10:39:55
1043
原创 vue3+elementPlus+vueCropper实现头像(图片)裁剪（非常全，可直接cv！！！！！）
最后一步就是确认裁剪操作了,这一步一定要用asyncawait,不然数据获取的会有问题，会显示promisepending，调上传接口的时候也要把headers带上，点击确认裁剪的时候我加了一个elemnetplus的loading动画，防止没上传完弹出就被用户x掉了。总结：首先使用el-upload拿到图片地址，将图片url转换成base64，使用头像裁剪，最后调用upload上传接口，成功后调用保存图片即可。完结，撒花，以上代码有任何问题请私信踢我，或者评论区留言！引入vueCropper插件。
2024-02-01 18:16:35
1065
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人