uni-app
元旦是个嘤嘤怪
拥有一头浓密秀发的程序媛
展开
-
数组方法forEach,filter,map
有时候后端返回的数据并不是我们想要的,我们可以筛选自己想要的,或者添加自己需要用的字段。这个时候需要使用forEach//原数据list:[ { name:lili, age:17 }, { name:nana, age:16 }, { name:huihui, age:18 },]现在我们需要在里面加上select的字段,push进一个新数组里面,我原创 2021-07-27 15:58:50 · 260 阅读 · 1 评论 -
uniapp获取后台定位
由于离开小程序后无法继续使用uni.getLocation获取用户位置,这一点在官方文档有说明,此时就需要后台获取位置的权限1、首先在 manifest.json 配置 permission获取位置,在配置后台权限设置页的选项:"permission" : { "scope.userLocation" : { "desc" : "小程序需要使用您的位置信息" }},"requiredBackgroundModes": ["location"],//作用是为了设置页多出“使用小程序期原创 2021-03-30 14:18:10 · 3276 阅读 · 1 评论 -
uniapp 使用微信扫一扫功能扫描指定二维码查看返回值
我们在写小程序的时候不免会遇到需要调用微信扫一扫获取到的值传输给小程序页面用以触发某个事件,以下为图解:1、微信开发者工具点击预览,首先需要确认手机登录的微信要和微信开发者工具登录的微信一致。2.此时手机需要保持在微信界面,会自动弹出预览的小程序,点击右上角三点选择打开调试。3.此时页面弹窗点击确定4.点击确定后弹窗消失,右下角多出绿色的按钮5.点击绿色按钮即可打开调试输出页面,如下6.此时点击右上角胶囊关闭小程序,使用微信扫一扫扫描指定二维码后,应该在小程.原创 2021-03-30 13:51:25 · 3134 阅读 · 0 评论 -
uniapp组件scroll-view+Uview的loadMore 加载更多,实现上拉加载效果
困扰了我这脑瓜子许久的问题解决了,撒花庆祝,感动哭~uniapp组件scroll-view+Uview的loadMore 加载更多,效果就是上拉加载,并显示相应状态效果html:@scrolltolower="bottomOut()"是scroll-view的触底触发事件<scroll-view :scroll-y="true" class="scrollView" @scrolltolower="bottomOut()"> <view class="dayDa.原创 2021-03-25 16:46:03 · 5157 阅读 · 1 评论 -
微信开发者工具报错:TypeError: Cannot set property ‘$toString‘ of undefined
今天遇到一个让人感觉“这都能行”的报错,来简单记录一下吧。运行微信开发者工具的时候报错为:TypeError: Cannot set property '$toString' of undefined根据报错信息找错完全没头绪,最后发现是页面中有空的 {{ }} 里面没有放置任何变量,就是这么个问题我也真是。。。。。。...原创 2021-03-24 09:36:01 · 805 阅读 · 0 评论 -
uniapp的tabs选项卡切换
先上效果使用的是uni-app的uview ui库html:<view class="tabTitleBox"> <view class="tabTitle"> <u-tabs :list="nameList" :is-scroll="false" :current="currentTabIndex" @change="change" active-color="#FF5B16"原创 2021-03-10 16:27:46 · 8886 阅读 · 6 评论 -
uniapp接收富文本数据的处理方法
数据长这样:uniapp有专门的一个标签rich-text去转化,官网文档:https://uniapp.dcloud.net.cn/component/rich-text?id=rich-text自己处理的时候写法:<rich-text :nodes="item.content"></rich-text>//item.content是请求过来的数据v-for后得到的数据完事后编译,显示为:...原创 2021-03-10 16:02:59 · 2353 阅读 · 2 评论 -
uniapp提交时候验证内容是否为空
效果图废话不多说,贴代码html:<u-button @click="submit">提交</u-button>script ==> methods:submit(){ if( this.inputTextarea == '' || this.mobile == '' || this.form.username == '') {//内容按自己实际的内容填写 this.$u.toast('信息填写不全');//使用uview的组件 retur原创 2021-03-10 15:57:04 · 5848 阅读 · 0 评论 -
uniapp小程序自定义点击改变样式的单选框复选项
单选<view v-for="(item, index) in list" :key="index"> <view :class="[id == index ? 'active' : 'select']" @click="choseItem(index)"> <text class="grid-text" >{{ item.name }}</text> </view></view>data() { ret...原创 2021-02-25 14:02:53 · 1286 阅读 · 0 评论