- 博客(76)
- 收藏
- 关注
原创 uview1.0 u-form表单回显校验不通过
原因,u-form表单校验的类型默认为string,但是后端返回的是integer类型,导致无法通过校验。解决,既然后端返回的是整数形,那么我们就将校验规则的type改为整数型。提交到后端的数据,回显后不做任何修改无法通过表单校验。
2024-05-23 15:27:50 619
原创 uniapp uview里面的u-navbar结合u-sticky组件的使用
如上图直接使用并不能出现tab栏吸顶效果,那是由于u-sticky组件吸顶时与顶部的距离默认为0。经过上述处理就可以出现吸顶效果了。
2024-04-12 10:52:01 1152
原创 关于vue使用第三方faceBook登录
在他的基础上我增加了退出登录操作,一定要清除所有的cookie不然就会导致退出登录后无法再次使用faceBook登录。在这里引入这位博主的。
2024-04-09 17:36:14 485
原创 uniapp uview 头像裁剪组件的问题
当切换页面频繁进出头像裁剪组件u-avatar-cropper.vue 获取同一个设备信息时会出现两种不同的高度
2024-03-15 14:53:06 465
原创 uniapp 使用了uview 的dropdown下拉菜单后出现页面无法滚动
在上面不难发现,当下拉菜单已经处于关闭状态时,class为 u-dropdown__content这一块的元素还是存在的,究极原因是只把这个元素的opacity置为0了,导致页面无法滚动。所以找到uview的dropdown文件进行如下处理,直接给它关闭时隐藏dom即可。
2024-03-04 09:34:39 1101
原创 uniapp uview1.0 页面多个upload上传、回显之后处理数据
比如:images:"xxxxxxxxxxxxxxxxx,xxxxxxxxxxxxxxxxxx,xxxxxxxxxxxxxx"html结构如上,定义两种ref 'images' ,'content'直接找到watch 监听的fileList属性,直接复制过去就好。如果你们后端返回图片是地址字符串模式 以逗号分隔,在提交的时候将两种ref形成数组进行循环。关于另外一个upload循环问题在这。可在u-upload源码中做如下修改。并且后端接受的图片也是地址模式。简单处理就直接将地址放进去了。
2023-12-20 10:53:59 2080 2
原创 VueI18n中英文切换 vue2.0
1: npm install --save vue-i18n@8.0.0 (版本不要高了,不然报错)左边路由是循环的,所以data中的数据需要特殊设计。name统一为语言文件中对呀的key。input 输入款的占位符使用。4:页面使用(以导航栏为例)3:main.js文件配置。
2023-11-04 17:48:25 305
原创 vue适配各个屏幕
1:创建zoom.js文件,放到src/utils文件夹中。1:不是响应式,只是用缩放来适配各个pc。2: 不可固定app.vue的宽度。
2023-10-26 15:16:14 467
原创 块级元素设置背景颜色后,背景颜色直接占据一整行的处理
添加width:fit-content 后,盒子背景宽度将随文字宽度而进行自适应。只设置了padding,由于使用了块级元素导致背景颜色沾满了一整行。设置 width: fit-content;其他情况将该元素设为行内块元素即可。(只针对弹性布局情况下)
2023-09-14 14:28:17 185
原创 uniapp textarea组件的特殊使用
当后端返回的字段内容为textarea模式时,可能存在换行的情况('\n'),当你不想自己使用js解析时可以使用textarea组件将它展示出来。
2023-08-24 09:50:30 299
原创 关于uview u-upload组件循环的之后删除的问题
(注意:设计数组渲染dom的可进行添加和删除的情况,一定不要直接绑定index,最好以后所有根据数组渲染dom的情况也不要用index进行绑定)删除第二项结果发现第二项确实不存在了,但是第二项的照片跑到第三项去了,第三项的照片跑到第四项去了,第四项的照片不见了。后面经过大佬的指点 将绑定的key不要用index就好了。
2023-04-16 17:03:59 766 2
原创 uniapp h5端定位
(引用了腾讯地图,但是腾讯地图是专门为小程序打造的,所以在h5里面会跨域)3:在需要的页面中使用(onLoad onShow中都可以调用)(ps:如果你不兼容微信小程序就不要勾选微信小程序)ps:不知道谷歌发什么疯,用不了定位,在ie上打开的。4: 在manifest.json文件web配置。2:在main.js中注册jsonp。1:使用jsonp解决跨域问题。
2023-01-03 15:16:56 947
原创 uview1.0 select多级联动最后一级children为空数组报错的情况(不知道为啥uview一直没有更改这个问题)
由于我这里最后的children有一个空数组,导致select组件报错。找到select组件,找到计算列数方法(setColumnNum)在while循环中判断中添加。
2022-12-29 09:59:43 642 4
原创 微信小程序定位的问题
4:通过修改基础库版本即可(我修改为 2.25.4就好了)ljtx。但功能是好了(此处没用上传,只是在开发中)2:在app.json中也配置了。1:已经开通了所有定位。
2022-11-28 14:36:18 1281
原创 uniapp 解决开发h5在微信浏览器打开video无法自动播放问题
1:将video自动播放置为false。3:在onReady中创建一个视频对象。当然了,得加上nextTick。4:在接口返回成功后调用。2:在data中定义。
2022-11-09 17:21:08 5850 5
原创 uniapp h5的底部高度问题
当你的H5tabbar页面只想配置100vh时,那么页面就会出现滚动条。当只在tabbar页面设置100vh且不想出现滚动条时。那是因为tabbar(
2022-10-13 13:58:57 3045
vue2.0+im(系的不好,仅供参考)
2022-11-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人