- 博客(43)
- 收藏
- 关注
RSS订阅原创 vue3使用element-plus，解决 el-table 多选框，选中后翻页再回来选中失效问题
2.给type为selection的el-table-column添加上reserve-selection属性。1.在el-table中加 :row-key="getRowKey"return row.id;// id必须是唯一的。问题：勾选的数据分页再回来回消失。
2024-12-27 14:32:38
806
原创 当页面产生滚动，位置超过侧边栏的顶部阈值后，侧边栏变为固定定位
刚开始的想法是获取滚动距离，动态添加position: fixed，但是会出现动态添加fixed会导致宽度位置发生变化。最后选择了position: sticky。需求：当页面产生滚动，位置超过侧边栏的 顶部阈值后，侧边栏变为固定定位。解决方法：使用position: sticky 粘性定位。
2024-10-10 15:57:13
202
原创 wx小程序中，商城订单详情显示还有多少分钟关闭
思路：创建订单时间戳和当前时间戳相减，得到时间差，再除1000，得到相差秒数，然后除60，向下取整，得到分钟。问题：wx小程序中，商城订单详情需要显示还有多少分钟关闭。
2024-09-26 10:03:14
412
原创 el-table中根据状态改单元格样式
需求：el-table中，有一列需要根据状态不同，显示的样式也不通。解决方法： :cell-style="cellStyle"
2024-09-25 15:57:19
615
原创 微信小程序拨打电话点取消报错“errMsg“:“makePhoneCall:fail cancel“
问题：微信小程序中拨打电话点取消，控制台报错"errMsg":"makePhoneCall:fail cancel"解决方法：在后面加上catch就可以解决这个报错。注意：用拨打电话参数必须是字符串格式。
2024-09-20 09:50:27
688
原创 vue3中el-table中点击图片放大时，被表格覆盖
解决方法：el-image 添加preview-teleported。问题：vue3中el-table中点击图片放大时，被表格覆盖。
2024-09-12 16:05:50
694
1
原创 vue3中使用element plus中的el-drawer组件，自定义.el-drawer__header样式，:deep()不生效
处理方法：给el-drawer 外面包一个div。
2024-08-20 11:02:16
815
1
原创 小程序web-view无法打开该页面的解决方法
把文件给后端，后端部署服务器，部署完后，可以直接访问该文件。例如：业务域名为https://baidu.com，下载下来的文件名为test.txt，后端部署完成后，可以确保https://baidu.com/test.txt可以访问。问题：开发者工具可以正常打开，正式上线版小程序使用 web-view 组件测试时提示：“无法打开该页面，不支持打开。解决方法：需要配置业务业务域名，在微信公众平台-开发-开发管理-业务域名。，请在“小程序右上角更多->反馈与投诉”中和开发者反馈。
2024-06-28 15:13:38
9051
2
原创 解决微信小程序中input框被禁用后，电脑端小程序点击事件无效，手机端开发者工作和手机端正常
解决方法：使用view包裹input标签，在view添加点击事件，input添加css:pointer-events:none;问题：input框被禁用后，电脑端小程序点击事件无效，手机端开发者工作和手机端正常。
2024-06-24 19:34:16
652
原创 小程序安卓手机点击uni-data-select 下拉框选择器会出现蓝色阴影
解决方法：在导入的包中找到uni-data-select.vue，接着找到.uni-stat__select样式，把cursor: pointer去掉。如果出现穿透问题，uni-select__selector的z-index加高，默认是2。
2024-06-24 19:30:07
489
原创 el-date-picker报错Prop being mutated“placement“解决方法
解决方法：在组件加上 align=“center”
2024-06-12 09:50:10
204
原创 点击重置按钮清除el-table排序状态的高亮样式
解决方法：table添加ref="tableData",然后使用this.$refs.tableData.clearSort()。需求：需要点击按钮的时候，清除掉el-table排序状态的高亮样式。
2024-06-05 10:32:32
647
原创 wx小程序自定义tabbar
3.在utils添加tab-service.js(通过接口请求，去判断显示那个tabbar)1.在app.json文件中，添加自定义tabbar配置："custom": true。4.在tabbar对应界面添加。我的页面中的index.js。首页中的index.js。
2024-06-04 16:15:15
528
原创 el-descriptions设置不同行的列数不一样
处理方法：需要在el-descriptions-item加上 :span="需要的列宽数"需求：el-descriptions设置不同行的列数不一样。
2024-05-30 10:51:47
914
原创 微信小程序自定义头部
由于胶囊按钮是原生组件，为表现一致，其单位在各个系统都为 px，所以自定义导航栏高度的单位都必须是 px，才能完美适配。胶囊按钮的信息可以通过 wx.getMenuButtonBoundingClientRect() 获取。导航栏高度=状态栏高度+胶囊按钮的高度+（胶囊按钮距离顶部的距离-状态栏的高度）*2。2. 状态栏的高度可以通过 wx.getSystemInfo() 获取。该页面自定义头部，也支持分享好友，导致分享出去点左上角的返回没有反应。
2024-05-22 15:29:13
1444
原创 解决tinymce富文本编辑器中上传图片是英文的问题
注意是中文转unicode，不是把英文输入进去转换。1.找到zh_CN.js文件。2.找个中文在线转换。
2024-03-30 11:24:46
298
原创 微信小程序点击图片放大
data-src="{{pic}}" ：图片路径，点击previewImage传参。wx:for="{{item.picList}}" ：循环需要渲染的图片数组。bindtap="previewImage"：点击触发图片放大。需求：小程序中需要点击图片放大预览。1.列表里面图片需要点击放大。
2024-03-30 09:51:27
461
原创 微信小程序使用for循环报错：wx:key=“{{id}}“ does not look like a valid key name (did you mean wx:key=“id“ ?)
解决方法：循环的时候，绑定key去掉{{}}，变更前为wx:key="{{id}}"，变更后为wx:key="id"
2024-03-25 16:00:45
374
原创 微信小程序阻止冒泡事件
使用catchtap后，点击goClick事件就不会触发detailClick事件。解决方法：阻止冒泡事件：将点击事件bindtap换成catchtap。点击需求，但是问题出现在点击下面的按钮时也会触发跳转详情页。需求：点击整个卡片可以跳转详情页，点击按钮，实现。
2024-03-23 11:37:55
1002
1
原创 uni-app：解析富文本图片超出
调用方法：this.context = this.formatRichText(content)（2）.img标签添加style属性：max-width:100%;（3）.修改所有style里的width属性为max-width:100%；（1）.去掉img标签里的style、width、height属性；（4）去掉<br/>标签。
2024-03-15 19:22:25
818
1
原创 uni-app：选择一个位置中心，输入距离为半径画圆
注意：使用了uni.chooseLocation，打开地图选择位置，获取围栏当前位置相关数据。需求：需要一个电子围栏，超出范围预警，先选择一个位置中心，输入距离为半径画圆。解决方法：使用到circles属性。
2024-03-14 16:02:47
959
原创 uni-app：使用小程序评价
4.小程序评价体系分为体验评价和交易评价，平台通过综合识别小程序类型、用户使用场景等方式，判断账号所属评价类型，分配适合该小程序的所属评价功能。② 在微信打开小程序查看，查看路径：点击某小程序右上角胶囊【...】，打开半屏系统菜单查看。如果是交易评价，可以在微信公众平台=>设置=>基本设置=>修改服务类目。1.登录微信公众平台，在设置-第三方设置添加插件。需求:uni-app需要添加小程序评价功能。2.在manifest.json添加。- 功能 -交易评价/体验评价；3.在需要的页面使用。
2024-03-08 09:56:11
1107
1
原创 uni-app：触底事件使用
1.在项目的pages.json文件找到需要添加触底事件的页面，添加onReachBottomDistance（页面底部的触发距离）需求：需要滑到底部，加载更多数据，不想使用分页组件，实现触底加载。解决方法：使用页面滚动到底部的事件onReachBottom()2.在页面调用onReachBottom()
2024-03-04 17:02:20
4057
1
原创 uni-app：阻止事件冒泡
需求：点击整个卡片可以跳转详情页，点击下面2个按钮，分别实现不同的点击需求，但是问题出现在点击下面的按钮时也会触发跳转详情页。解决方法：@click.native.stop，阻止事件冒泡。
2024-03-01 20:44:06
975
1
原创 vue-baidu-map根据多个标注点自适应缩放级别
解决方法：根据百度地图的 getViewport() 方法，获取到多个经纬度点位的中心点和合理的缩放级别。需求：地图上有多个标注点，需要这些点都能在地图上展示出来。
2024-02-29 19:37:41
1011
原创 uni-app：获取当前位置（经纬度），逆解析地址
通过QQMapWXS.reverseGeocoder，把获取到的经纬度解析成功地理位置信息，注：坐标系采用gcj02坐标系。项目引入文件：import qqmapsdk from '@/libs/qqmap-wx-jssdk.min.js'通过uni.getLocation获取当前位置的经纬度，type需要使用gcj02。下载完成后，根据自己实际项目存放qqmap-wx-jssdk.min.js。补充：地址转经纬度geocoder方法， 注：坐标系采用gcj02坐标系。
2024-02-28 19:30:08
1401
原创 uni-app：共用同一个页面，顶部标题需要展示不同
解决方法：在onLoad里面通过跳转传过来的参数做判断，然后使用uni.setNavigationBarTitle({ title: '' })修改。需求：需要使用同一个页面，顶部的标题需要展示不同。
2024-02-26 15:17:05
569
1
原创 使用npm run build打包项目，报错npm ERR! missing script: build
1.使用npm run build打包项目，报错npm ERR!missing script: build，截图如下。使用命令为：npm run build:prod。2.解决方法：查看package.json文件。
2024-02-26 09:38:18
1707
1
原创 vue 导出 Excel（基于Blob.js和Export2Excel.js）
2.项目中新建一个文件夹，里面放置 Blob.js和 Export2Excel.js。
2024-02-19 11:11:15
648
1
原创 vue生成二维码
容错级别：（1）QRCode.CorrectLevel.L （2）QRCode.CorrectLevel.M （3）QRCode.CorrectLevel.Q （4）QRCode.CorrectLevel.H。QR码还有四种容错级别可以选择： L（Low）：7%的字码可被修正；Q（Quartile）：25%的字码可被修正；容错级别：是指QR码被遮挡或残破时依然能被识别的几率，容错级别越高抗残破或遮挡的能力就越强，提高容错级别会导致二维码的点阵密度增大，从而降低识别速度。colorDark：实点的颜色；
2024-02-02 11:36:45
746
原创 解决el-table的操作栏点击和row-click冲突问题
解决方法：原生标签使用@click.stop，按钮el-button不是原生标签使用@click.native.stop，阻止事件冒泡。问题：点击el-table某一行跳转到详情页，使用row-click（当某一行被点击时会触发该事件）后，会导致点击操作栏的按钮也会触发。
2024-01-31 18:08:52
2420
原创 element-ui表单校验，使用v-if进行切换显示，表单校验错乱
问题：在el-form表单校验中，有些表单项是通过v-if控制显示与隐藏，在切换的时候就会出现校验错乱的情况。解决方法：在v-if控制显示的表单项上增加key属性。
2024-01-30 11:40:40
1285
2
原创 el-date-picker当天时间（年月日）往后推7天
问题：el-date-picker需要当前时间和过去7天，显示一个星期。解决方法：通过获取当前的时间戳，减去过去6天的时间实现。
2024-01-27 17:12:37
601
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人