u-view
柑橘乌云_
希望我的博客,能帮你解决学习或工作中所遇到的问题
展开
-
uview的u-calendar日历组件,当设置了 minDate配置项后,会导致第一次打开日历弹窗,不会精准的滚动到选中的日期(设置了默认日期都没用)
发现需要给month.vue文件里的getMonth方法加一个延时器,猜测是因为设置最小日期后,日历没渲染完毕的时候就已经开始获取节点信息了。原创 2023-11-13 16:42:02 · 1012 阅读 · 0 评论 -
u-view 2.0 实现tab栏切换
因为swiper高度默认150px,swiper-item高度是100%,起初想让swiper-item中的内容吧swiper-item和其父元素高度撑开,理应将height设置成auto但是swiper的高度auto可以设置成功,但是swiper-item高度设置了auto始终是不成功(开发者工具中styles中显示出了但是就是不生效)u-view1.0是有一个 u-tabs-swiper 使用,但是2.0没有了,所以需要用u-tabs 加上 uni提供的原生swipper实现该效果。原创 2023-04-07 10:48:27 · 2716 阅读 · 0 评论 -
u-view 的u-calendar 组件设置默认日期后,多次点击后,就不滚动到默认日期的位置
在源码中找到这个位置进行打印值,根据出bug前后的值进行分析,发现,获取dom信息时候,获取的height有时候是整数有时候是小数,但是差的不大,应该是dom精度问题,属于正常情况,但是就是这个导致的问题,如果两次获取的height值不一样,就是正常的,如果两次获取的height值一样,那么就会出现这个bug, 这里要提一下,这个获取的height值是在后代组件中获取的,然后传递给祖先组件,在祖先组件中赋值给scroll-view组件的scroll-top属性。下面具体修改了源码的位置。原创 2023-08-22 20:01:32 · 1308 阅读 · 1 评论 -
bug记录:微信小程序 给button使用all: initial重置样式
场景:通过uniapp开发微信小程序 ,使用uview的u-popup弹窗,里面内嵌了一个原生button标签,因为微信小程序的button是有默认样式的,所以通过all: initial重置样式。但是整个弹窗的点击事件都会被button上面的点击事件覆盖,也就是说点击弹窗任何一个地方,都会触发button的点击事件。最后检查dom ,发现鼠标只要划入弹窗内,只显示了button的dom介绍。具体的bug原理,如果有知道的大佬,欢迎评论区留言~~~~原创 2023-08-17 14:07:39 · 1288 阅读 · 0 评论 -
微信小程序使用rich-text解析富文本字符串的时候,遇到image标签图片很大超过屏幕
如果是简单的场景,比如一段简单的文字和图片内容,可以优先使用rich-text组件,在文章内容,商品详情等复杂的文本详情,可以优先使用uview的u-parse 组件。原创 2023-08-10 17:46:47 · 1543 阅读 · 0 评论 -
uview2.0使用u-calendar 的formatter属性,在formatter方法里无法访问this的bug,解决办法!!!!
还有第二种方法就是修改u-calendar 源码,为了不影响其他使用日历组件的模块,最后将该组件里面代码提出来,自己封装一个组件。自己写了个demo 父给子传值v-bind传一个函数,然后在这个函数里面打印this,this是子组件的实例,但是不知道为什么formatter里会打印undefined。解决办法 就是在外部定义一个变量,然后在调用日历组件的父级的onload里面给这个变量赋值this,然后formatter里面就可以打印出来父级的this,进而访问父级变量。uview 版本2.0.36。原创 2023-07-20 09:52:55 · 1189 阅读 · 5 评论 -
uniapp 使用uview2.0 u-upload组件上传图片文件
上传图片不能使用uni.request因为data参数不支持fromData数据格式。原创 2023-07-19 11:18:18 · 1987 阅读 · 0 评论 -
uniapp 微信小程序 实现 将base64图片保存相册和转发分享微信好友功能记录 直接cv就能用!!!!
提示api:that.$refs.uToast.show用的是uview2.0的toast,可以根据具体引入的ui库去更换;该功能在微信开发者工具中调试的时候会一直报错,真机是没问题的,可能是编译器的bug。原创 2023-07-07 17:52:43 · 4251 阅读 · 8 评论 -
uview2.0 u-number-box 无法输入小数,以及弹起键盘没有小数点 的问题 !! 非常简单的解决!!
当使用该组件的时候发现integer设置为false后,只有step点击+ 或者 - 按钮才会小数的增长,但是真机调试 弹出的键盘时没有小数点的,突然灵光乍现,查看源码发现,input 的type属性一直都是number,所以适当的修改组件库,根据integer的值来动态改变type的值就好啦。原创 2023-06-17 13:57:54 · 1785 阅读 · 1 评论 -
uniapp如何在任意一个js文件获取$store数据(因为存在某页面this指向不是vue实例,所以无法使用this.$store)
可以采用。原创 2023-06-13 10:56:53 · 1242 阅读 · 0 评论 -
u-view2.0 uniapp input 或者textarea的placeholder-style设置失效, 解决办法!! 碾压网上搜到的所以方法!!!
设置placeholder-style属性发现怎么设置都无效,此时更有趣的事情发生了;然后在onload里面设置延时器去显示这个input。查了一些资料,原因是因为动态创建元素的原因,解决办法:用v-if去控制显隐。-ui v1,情况都一样)原创 2023-06-12 14:19:40 · 4577 阅读 · 2 评论 -
uniapp uview2.0 其中u--textarea组件无法换行,换行无效问题解决方案
最终发现是因为默认值的问题,uniapp和uview的官方文档写的confirmType的默认值都是done,但是uniapp的textarea在没有配置的情况下是没有值的,uview给加了一个默认值done,就出现了无法返回的问题,尝试了将uview的textarea组件confirmType设置为undefined但是无效,只有设置为null才有效。原创 2023-06-12 14:11:12 · 1589 阅读 · 0 评论 -
u-view组件库 时间选择器u-datetime-picker 设置最小日期事件,最多到1970年1月1日,解决办法
关键的这两个属性,注意一定是number!原创 2023-06-03 13:05:25 · 2857 阅读 · 3 评论