
uni-app
小付学代码
初级小白程序员.....与大家分享学习过程中遇到的一些问题,共同进步,一起成长!
展开
-
【uniapp】自定义一个排序组件
代码如下:有很多不需要的css与js 用的时候可以删一下。如图所示: 可展开双击关闭等。原创 2023-02-23 18:04:31 · 2083 阅读 · 1 评论 -
使用JSON.stringify时如何向json对象中添加新属性
比如现在有一个json对象为jsonObj,需要给这个对象添加新的属性newParam,同时给newParam赋值为new。现在需要在以上json对象上新增一个新的属性 count,写法为【 this.optitem.count = e.value 】需要传递的json结构如下:this.optitem。添加新属性:newParam ='new。原创 2023-02-20 15:39:08 · 1355 阅读 · 0 评论 -
JS中findIndex方法的使用场景以及与find的差别
它采用参数“callback”函数,该函数检查提供的条件满足的typedArray的每个元素。如果元素满足函数提供的条件,则返回数组中的索引;否则,返回-1。原创 2022-12-01 11:01:17 · 2319 阅读 · 0 评论 -
【uniapp】点击多选的一种写法,并遍历出选择数量
【uniapp】点击多选的一种写法。原创 2022-11-24 18:06:10 · 1269 阅读 · 0 评论 -
【uniapp】提示用户更新小程序
【uniapp】提示用户更新小程序。原创 2022-11-21 16:42:26 · 1571 阅读 · 0 评论 -
【uniapp】便签记事本组件
【uniapp】便签记事本组件。原创 2022-11-18 15:17:48 · 1604 阅读 · 1 评论 -
【uniapp】使用接口数据渲染来代替静态数组的写法
【uniapp】使用接口数据渲染来代替静态数组的写法。原创 2022-11-08 17:02:59 · 1416 阅读 · 0 评论 -
【uniapp】使用uni-popup-dialog组件时软键盘自动弹出的问题
uni_modules-->uni-popup --> components --> uni-popup-dialog -> uni-popup-dialog.vue的。原创 2022-11-03 17:32:24 · 2923 阅读 · 5 评论 -
【uniapp】封装小程序获取当前位置坐标
使用时可全当这是一个普通页面,直接进行跳转--->再通过getCurrentPages方法进行页面栈返回,就拿到了选择的位置信息,最后进行渲染到页面即可。【微信小程序】关于getCurrentPages()的使用_柚子只会ctrl c+v的博客-优快云博客_微信小程序getcurrentpage。util2.js如下:需要直接复制即可(有很多无用的东西,只有计算距离那块有用,自行删减),无需展开。放入utils下 :文件名 qqmap-wx-jssdk.js。原创 2022-11-01 17:49:12 · 2475 阅读 · 0 评论 -
【uniapp】横向排列盒子点击显示选中效果
代码如下,直接复制run即可:需要实现自己的业务逻辑,自己加即可。原创 2022-11-01 13:41:22 · 1781 阅读 · 0 评论 -
【uniapp】使用uni中自带的进度条组件加动画
uni中自带的进度条组件加动画原创 2022-10-27 14:36:15 · 5713 阅读 · 0 评论 -
【uniapp】使用Vant组件中的CountDown 倒计时设置use-slot属性自定义样式时显示不出来的问题
使用CountDown基础组件、自定义格式、毫秒级渲染均为出现问题,但是使用自定义样式加入了。Vant Weapp - 轻量、可靠的小程序 UI 组件库。属性后,就出现了显示为空的问题。轻量、可靠的小程序 UI 组件库。原创 2022-10-11 00:51:32 · 2148 阅读 · 0 评论 -
【uniapp】微信小程序中实现点击拨打电话的功能
【uniapp】微信小程序中实现点击拨打电话的功能。原创 2022-10-09 10:05:42 · 6900 阅读 · 0 评论 -
vue2中子组件向父传值$emit方法的使用
vue2中子组件向父传值$emit方法的使用。原创 2022-10-09 09:36:56 · 6483 阅读 · 0 评论 -
【uniapp】JS中拼接字符串的写法
【uniapp】JS中拼接字符串的写法。原创 2022-10-08 19:27:13 · 2367 阅读 · 0 评论 -
【uniapp】小程序中下拉刷新enablePullDownRefresh触发事件
onPullDownRefresh | uni-app官网。等生命周期函数同级),监听该页面用户下拉刷新事件。原创 2022-10-06 20:20:00 · 3341 阅读 · 0 评论 -
【uniapp】使用Vant组件封装一个弹出填表的弹框
虽然并不知道到这个自定义组件为什么要用wxcomponents我试了其他名字,但是不行,dist改为vant。整个目录结构与pages同级:wxcomponents/vant/官方组件。【用多少加多少,没必要全加,这里是常用的,便于复制】3.测试使用:【跟着官网api使用即可】1.首先在app.vue。【uniapp】uni中导入vant组件库_小付学代码的博客-优快云博客_uniapp组件库。Vant Weapp - 轻量、可靠的小程序 UI 组件库。轻量、可靠的小程序 UI 组件库。原创 2022-09-30 18:04:30 · 3589 阅读 · 1 评论 -
【uniapp】使用Vant组件Calendar 日历组件
【uniapp】使用Vant组件Calendar 日历组件。原创 2022-09-29 18:08:55 · 1428 阅读 · 1 评论 -
【uniapp】封装一个utils中的time类,生成判断倒计时
【uniapp】封装一个utils中的time类,生成判断倒计时。原创 2022-09-29 09:47:42 · 419 阅读 · 0 评论 -
【uniapp】小程序中使用伪类给图片做出背景渐变色效果
【uniapp】小程序中使用伪类给图片做出背景渐变色效果。原创 2022-09-28 14:12:38 · 1898 阅读 · 0 评论 -
【uniapp】使用Vant组件自定义一个DatetimePicker时间选择器,可选择多个时间
自定义 ActionSheet 动作面板 与 DatetimePicker 时间选择。【uniapp】uni中导入vant组件库_小付学代码的博客-优快云博客_uniapp组件库。Vant Weapp - 轻量、可靠的小程序 UI 组件库。原创 2022-09-23 17:52:45 · 2168 阅读 · 0 评论 -
【uniapp】promise中resolve()与reject()的用法
resolve(data)将这个promise标记为resolved,然后进行下一步then((data)=>{//do something}),resolve里的参数就是传入then的数据。当执行到 reject() 这个方法的时候,就改变 promise的状态为 reject,当promise为reject就可以.catch()这个promise了。执行到 resolve()这个方法的时候,就改变promise的状态为resolved,当状态为 resolved的时候就可以执行.then()原创 2022-09-22 17:51:12 · 5898 阅读 · 0 评论 -
【uniapp】通过数据缓存localSorage实现默认地址设置
存缓存时增加一个布尔值,勾选的true或者false ---》点击按钮触发事件 ---》 拿到缓存信息 ---》更改缓存信息中的勾选boolean值 ---》遍历缓存中的数组 ---》把更改后的信息重新放入缓存。这样无论是重新打开还是默认选择都是你勾选的那个。原创 2022-09-20 17:48:12 · 543 阅读 · 0 评论 -
【uniapp】数据缓存中的setStorage与setStorageSync的区别
总结:setStorage 是异步的,setStorageSync是同步的。如果后续逻辑必须依赖于修改storage后的数据就必须使用同步setStorageSync,如果不需要用到就可以使用异步,毕竟修改内存会有耗时。将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口。将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。原创 2022-09-20 15:45:16 · 1862 阅读 · 0 评论 -
【uniapp】小程序通过缓存实现地址栏的删除修改操作
小程序通过缓存实现地址栏的删除修改操作。原创 2022-09-19 15:09:02 · 1074 阅读 · 0 评论 -
【uniapp】小程序往缓存里添加对象并读取数据
【uni-app】小程序往缓存里添加对象并读取数据。原创 2022-09-14 15:10:33 · 1669 阅读 · 0 评论 -
【uniapp】小程序云开发更新、删除云数据库数据
小程序云开发更新、删除云数据库数据。原创 2022-09-08 10:43:15 · 1162 阅读 · 0 评论 -
【uniapp】使用VantWeapp中的Checkbox 复选框
【uniapp】使用VantWeapp中的Checkbox 复选框。原创 2022-09-06 17:22:01 · 1562 阅读 · 0 评论 -
【uniapp】小程序云开发添加查询的小demo与一个解构的写法
这样写更妙:data里传的本来就是一个对象,直接用一个resValue对象来接收,不错,节省好几行代码。代码如下:HTML部分。原创 2022-09-02 16:18:53 · 286 阅读 · 0 评论 -
【uniapp】Vant组件旋转Icon图标
比如想使用一个向右的图标,但是发现只有向下的,还懒得引入。直接旋转90度即可,Api中有这个属性:custom-style-自定义样式。原创 2022-09-01 18:00:37 · 1891 阅读 · 0 评论 -
【uniapp】小程序中修改Vant组件navbar左箭头的颜色及图标与背景
用这个组件的时候首先要在pages.json里把导航栏变成自定义的:组件:backPages.vue使用的时候需要传按钮名:backtext = ‘返回或者自定义’需要import引入组件并注册components才行,示例代码:............发现没办法更改颜色,之前几个页面使用的都是黑色的,API里custom-style感觉有点靠谱,尝试了一下,没得成功。【uniapp】小程序自定义一个通用的返回按钮组件_小付学代码的博客-优快云博客_uniapp自定义返回按钮。原创 2022-09-01 17:55:21 · 5901 阅读 · 0 评论 -
【uniapp】小程序中input输入框的placeholder-class不生效以及解决办法
【uniapp】小程序中input输入框的placeholder-class不生效以及解决办法。原创 2022-08-30 10:55:05 · 4045 阅读 · 2 评论 -
【uniapp】引入vant完成一个地址栏省市区三级联动
需要使用Vant-Webapp的ActionSheet 动作面板以及van-area省市区选择。原创 2022-08-29 18:03:09 · 1021 阅读 · 0 评论 -
【uniapp】使用Vant组件van-toast与van-dialog
使用中发现我们的引入方式其实和官网不一样,就导致了不知道如何使用toast轻提示与dialog弹出框。【uniapp】uni中导入vant组件库_小付学代码的博客-优快云博客。于是我们直接引入开始使用:【buton点击事件进行测试】发现控制台会报一个警告:【未找到xxx节点】......原创 2022-08-29 14:26:05 · 5696 阅读 · 0 评论 -
【uniapp】使用v-if的方式点击改变v-for列表中的单个样式
看代码:循环circleList列表生成一排div,使用v-if与v-else然不同条件进入不同的div中即可。控制台:非常简单点击事件时传入index就行了。JS部分:逻辑相当简单。原创 2022-08-25 16:47:39 · 1601 阅读 · 0 评论 -
【uniapp】小程序中的资源分包处理
【uniapp】小程序中的资源分包处理。分包使用起来非常简单便捷,其它更深入的问题,参考官网即可,上边挂的有链接。原创 2022-08-25 12:04:03 · 3342 阅读 · 2 评论 -
【uniapp】小程序中的scroll-view禁止橡皮筋回弹效果以及隐藏滑动条
2.12.0版本更新 IOS 下 scroll-view 边界弹性控制 (同时开启 enhanced 属性后生效)以下为一个示例,复制粘贴run以下即可看到效果,苹果12 13机型实测没有问题。2.1.5 +后即可用show-scrollbar属性来控制是否显示滚动条。(禁止回弹,隐藏滚动条)原创 2022-08-24 10:42:27 · 7075 阅读 · 0 评论 -
【uniapp】uni中导入vant组件库
虽然并不知道到这个自定义组件为什么要用wxcomponents我试了其他名字,但是不行,dist改为vant。整个目录结构与pages同级:wxcomponents/vant/官方组件。【用多少加多少,没必要全加,这里是常用的,便于复制】3.测试使用:【跟着官网api使用即可】1.首先在app.vue。...原创 2022-08-22 16:09:43 · 3984 阅读 · 2 评论 -
【uniapp】小程序添加通过卡号查找银行名并添加绑定等逻辑
【公共包utils】部分:---->【bankCard】逻辑部分: 【输入银行卡号的页面部分】【管理银行卡页面部分】【公共类tip.js】原创 2022-08-19 17:39:24 · 2676 阅读 · 3 评论 -
【uniapp】小程序简单的登录授权了解v-if与v-else使用
小程序简单的登录授权了解v-if与v-else使用原创 2022-08-19 15:56:37 · 1404 阅读 · 0 评论