星宇23-CSDN博客

原创 uniapp 输入框样式与弹出层结合（u-input + u-picker）

原理，在 input输入框外设置一个盒子，使用绝对定位的方式，盖过input 输入框，致使不触发input的事件，且该盒子需要绑定点击事件，调出弹出层。1. 在真机时，由于点击 input 输入框会导致键盘和弹出层一起弹出，但是我们的目的是只弹出弹出层供我们选择选项，随后把值赋给 inpu输入框。该盒子的绝对定位层级z-index数值不能过高，否则会超过弹出层的 z-index数值，会导致盒子内容悬浮在弹出层上。在开发微信小程序时，遇到的一个工作需求。

2024-06-05 16:36:04 438

原创解决web-view 的h5页面无法返回的问题

当微信小程序使用web-view嵌套h5页面，需要返回小程序页面时，会发现点击左上角的返回按钮，不生效，返回不了，这是因为使用web-view跳转到h5页面，微信小程序无法监听到h5页面的返回事件，即返回不生效。1. 在h5页面设置全局监听(记得引入js文件)

2024-05-19 10:57:47 446

原创在uniapp开发的微信小程序中使用web-view嵌入h5页面

比如你在小程序端 a 页面想跳转到 h5端的 c 页面，那你需要先从小程序a页面跳到小程序的这个web-view页面(b页面)，然后在这个b页面设置跳转h5页面的url路径。（2）想要从小程序端跳转h5页面，必须在小程序开发平台将h5页面的域名，添加到。web-view 业务域名白名单。（1）这个页面相当于是起中间桥梁作用。在小程序端准备一个页面，跳转到h5页面。

2024-05-19 10:50:14 325

原创解决使用uni-app开发微信小程序，更换在线图片的问题

当我们替换微信小程序在线图片时，会发现，小程序的图片并没有替换成功，这是因为，在微信小程序的官方存储里存在缓存，导致图片没有更新成功，即使清空小程序缓存，或者重新进入小程序，也不会更新在线图片。修改成：'https://api.gygsjcpt.cn/wechat/main_img/indexClassify_per-01.jpg'（加了个0）例如：'https://api.gygsjcpt.cn/wechat/main_img/indexClassify_per-1.jpg'

2024-05-07 09:53:35 248

原创解决uni-app滚动到底部自动更新的问题

再提一下，如果是子组件里的内容需要换页，可以在父组件调用onReachBottom()生命周期，再使用 this.$refs.方法() 来调用子组件的换页事件，因为直接在子组件调用onReachBottom()，可能不生效。onReachBottom()是uni-app的一个小的生命周期，他会在滑到底部时，自动触发，不需要下载插件，是uni-app自带的。在使用uni-app开发移动端项目时，经常会涉及到分页的情况，但是又不能像pc端那样，通过点击按钮进行换页，这样用户体验不够好。

2024-05-06 15:50:42 283