![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uniapp
老古懂
这个作者很懒,什么都没留下…
展开
-
H5页面运行环境判断
h5页面环境判断原创 2022-07-05 14:32:36 · 696 阅读 · 0 评论 -
uniapp request 封装及使用思想
首先utils/requset.jsconst request = (config) => { // 处理 apiUrl config.url = '你的链接服务器地址' + config.url; if(!config.data){ config.data = {}; } let promise = new Promise(function(resolve, reject) { uni.request(config).then(responses => { // 异原创 2021-09-28 16:28:02 · 4219 阅读 · 0 评论 -
uniapp基础掌握及面试题整理(2022持续更新...)
uniapp浅析原创 2021-08-08 23:45:34 · 73121 阅读 · 12 评论 -
Invalid prop: type check failed for prop父传子数据类型报错
项目编译中遇到的粗心的小问题,顺手记录下。在父传子过程中发现传值报错,一开始还以为是父组件接口获取延时导致机构渲染出来后拿不到数据报的undifind,后面用了监听之后发现数据获取到后渲染依旧报错,仔细巡查发现了问题所在,一开始接收接口返回值时对于变量定义设置成了空,此时变量默认为字符串类型,而后接口数组数据赋给变量后虽然变量类型变为数组,但是在父组件传值给子组件的时候,初始化依然是根据data中初始的定义为主,所以便有了虽然子组件接收的定义也是数组,但是传递的时候是字符串的,父组件子组件..原创 2021-07-16 15:31:51 · 867 阅读 · 0 评论 -
侧边栏点击滑动展示编写
效果实现如上,点击侧边栏的分类选项,右边盒子的内容会滚动到相应的内容区域,相对的,右边的盒子滚动到不同分类内容区域时,左边的分类侧边栏添加相关的选中样式。首先是对侧边栏的循环和点击事件编写左边栏点击实现跳转<view class="category_all"> <scroll-view scroll-y="true" :style='"height:"+screenHeight+"px;"'> <view class="flex-item catego.原创 2021-07-16 10:00:48 · 461 阅读 · 0 评论 -
验证码倒计时、定时器编写
我们在移动端项目经常会碰到定时器的应用,在验证码获取,进入某个页面需要倒计时,或者进入页面开始计时,秒杀活动等,至于定时器的应用我今天就用这个比较简单的应用场景记录下。首先我定义的一个对象,里面设置了三个属性并给出初始值,当点击发送时disabled会被设为true值,当还没有经过规定时间点击按钮时会return返回,否则执行发送任务;sendCode(){ let that = this; let data={ msgType:'set_passwd', mob.原创 2021-07-14 10:44:19 · 290 阅读 · 0 评论 -
验证码/密码输入框(矩形方块样式)写法设置
如上图所示,在一些移动项目中对于验证码,密码设置我们可能会追求更多的样式输入框设置,这里是我自己写的样式和一些注意事项uniapp<view class="wrapper"> <view class="title"> <view class="title">填写验证码</view> <view class="send-code" v-if="identifyObj.disabled">已发送短信验证码到<text>.原创 2021-07-14 10:15:07 · 2868 阅读 · 3 评论 -
返回上一页面传参
最近项目功能实现上遇到需要实现A页面点击事件跳转到B页面,在B页面点击获取信息后返回A页面,一开始不知道怎么传参返回,尝试着将需要传递的数据放入缓存获取,但是随之而来的是返回上一页面的数据刷新问题,以及功能逻辑后续实现上不够优雅方便,最后在网上查看了各路大佬的思路想法后自己调用实现的如下方法: let pages = getCurrentPages(); //获取所有页面栈实例列表 let nowPage = pages[ pages.length - 1]; //当前页页面实例原创 2021-07-09 09:47:10 · 645 阅读 · 0 评论 -
小程序与uniapp中弹出层引用与实现
小程序在小程序的开发中,对于商城类项目我们会经常遇到某一商品需要不同规格的展示和选择,根据规格和数量不同获取数据传递给后台,此次开发正是遇到了小程序和H5的区别因此作为学习总结记录;在小程序中我是直接造轮子写了一个组件,通过组件的调用来实现弹窗的效果,最后根据选定的数据传递过去生成订单;<view class="bottom-item"> <scroll-view scroll-y style="min-height: 220rpx;max-height:原创 2021-06-07 09:40:16 · 1111 阅读 · 1 评论 -
接口调用函数注意事项(1)
在给页面接接口调用数据的时候,发现编译报错,仔细查看了接口函数和引入的文件后还是不明所以,以为是函数调用参数确实或是哪里不够完善,查询了一下后发现了一个经常犯的错误,之前一直没有注意到,原来在接文件中,抛出接口请求时没有default,引用时后要带花括号,如果在接口文件带了default就可以不用将接口函数放在花括号内;虽然是一个细微的错误,但是确是在项目中经常会忽略的,因此还是很有必要记录一下,加深印象。...原创 2021-04-12 10:18:11 · 270 阅读 · 1 评论 -
uniapp中商品卡片流组件传值
uniapp中商品卡片流组件传值上图中可以看出所展示的商品简略详情,主要要解决的问题是商品展示时类别展示,当点击更多时会跳转到搜索页面并展现相关的商品类别数据,在页面传值过程中我将title值和绑定的id值传给跳转的页面;navigation(e) { console.log(e); this.navigation_name = e.currentTarget.dataset.inner; this.navigation_id = e.currentTarget.dataset原创 2021-04-08 17:49:58 · 728 阅读 · 0 评论