草庐IT

uniapp 报错之 uView UI 表单校验 相关字段有数据有值的情况下非空验证失败问题

项目场景:1、uniapp微信小程序使用了uViewUI,表单字段有验证;2、表单添加功能,数据校验正常,因为表单数据本身都是空的;3、表单更新数据的时候,有些字段明明是有数据的,提交的时候非空验证提示不能为空;问题描述表单更新,此时表单是有数据的,未再次改变表单校验的选择器的值,点击提交表单,校验提醒未选择原因分析:官方文档说明的注意事项:1、rules中的属性名和form的属性名是一致的,同时传递给u-form-item的prop参数绑定的也是相同的属性名,注意这里prop参数绑定的是字符串(属性名),而不是一个变量。2、使用校验//必须要在onReady生命周期,因为onLoad生命周期

uniapp使用nfc功能及详解

公司使用uniapp在android手机端要增加一个nfc识别的功能。在此记录一下实现的过程。 资料查找我的代码逻辑主要来源于找到的这篇文章:uniapp-安卓NFC读取-我要找到我的全世界-博客园 文章内附有代码,为防止文章失效代码消失,在这篇文章里面也记录一下。varNfcAdapter;varNdefRecord;varNdefMessage;var_getCardNo;exportdefault{initNFC(){if(uni.getSystemInfoSync().platform=='android'){listenNFCStatus()}},readNFC(callback){

uniapp使用nfc功能及详解

公司使用uniapp在android手机端要增加一个nfc识别的功能。在此记录一下实现的过程。 资料查找我的代码逻辑主要来源于找到的这篇文章:uniapp-安卓NFC读取-我要找到我的全世界-博客园 文章内附有代码,为防止文章失效代码消失,在这篇文章里面也记录一下。varNfcAdapter;varNdefRecord;varNdefMessage;var_getCardNo;exportdefault{initNFC(){if(uni.getSystemInfoSync().platform=='android'){listenNFCStatus()}},readNFC(callback){

小程序【uniapp】获取小程序appid

varappid=uni.getAppBaseInfo().host.appId; console.log(appid);分享一个ChatGPT小程序 

uniApp之同步资源失败,未得到同步资源的授权,请停止运行后重新运行,并注意手机上的授权提示、adb、shell、package、uninstall

文章目录背景解决思路执行查找第三方应用的指令执行卸载指令背景一开始正常编译运行,由于应用页面有些许奇怪的错误,便想着卸载,重新运行安装调试基座。卸载后,运行还是会出现,明明已经把应用卸载了,还是会出现这种情况,后来各种百度红色字体的报错,没有寻得能够解决的方案。解决思路明明卸载了应用,为何会跳过基座更新,在手机上翻遍了也没找到apk残留。于是百度如何彻底删除手机上的调试基座,也寻找无果。由于真机调试时使用的adb连接,连接步骤按照百度的指令连接。迷迷糊糊,于是搜索了一下adb指令,原来通过adb指令可以操作手机。常用adb命令整理执行查找第三方应用的指令adbshellpmlistpackag

uniapp点击事件阻止冒泡(实用)

代码展示 点击事件1 点击事件2 点击事件3 methods:{ click1(){ console.log("click1") }, click2(){ console.log("click2") }, click3(){ console.log("click3") },},效果图点击事件1,输出内容:(使用的点击事件:@click. 点击事件2,输出内容:(使用的点击事件:@click.stop) 点击事件3,输出内容:(使用的点击事件:@click)备注:事件的@click.stop防止了事件冒泡,所以不会答应click1应用场景 当同一个页面出现多个点击事件的时候,点

uniapp中scroll-view去除滚动条

前言:uniapp中我们使用scroll-view实现横向或者竖向滑动时,我们会发现横向或者竖向是有一个滚动条的,不是很美观,那么我们就可以尝试去去除一下滚动条(如果采用以下官方方法无法去除时,那么请向官方反馈信息)一、scroll-view下的show-scrollbar属性不过它默认是false,那就是本身不显示,可以忽略这个方法二、app-plus属性下的scrollIndicator:none代码"scrollIndicator":"none"三、通过css的-webkit-scrollbar自定义,包括隐藏滚动条代码:::-webkit-scrollbar{display:none;

关于uniapp使用srcoll-view视图是横向及纵向滚动

    今天在用HBuilderX写uniapp项目时遇到了需要使用滚动视图的地方,为了简单省事自然就选择了srcoll-view这个标签。在写完后实验了一下,微信小程序时没有问题,但是h5页面却出问题了。    问题大致分为两类:横向、纵向    共有的问题有:给scroll-view加上class类名并设置弹性布局后发现不起作用,经过排查和浏览器查看视图结构发现,h5页面中的scroll-view标签内自动嵌套了三层uni-view结构,如下图:        因此直接给scroll-view的类名中设置弹性布局是不行的,需要写成下面的这样:/*h5的scroll-view滚动容器内元素样

uniapp使用cli脚手架创建兼容小程序和h5的项目 自动化命令打包运行

文章目录我用uniapp做一个微信小程序,新的任务是要将这个小程序原地改成h5。如果你是用HbuilderX模版搭建的项目,那么项目打包的环境只支持两种:development和production,并且打包只支持HbuilderX自动化打包,不支持npm手动打包。这里有个问题点:如果不支持npm打包,也就无法支持自动化打包部署工具了,比如jinkens等,而我们公司正好就是自动化打包部署的,环境也分了开发、测试、uat和正式环境。解决方案是使用cli搭建的项目可以自动化部署,那就搭建一个空的cli项目,再把之前的小程序代码塞进去,再定制化修改一下。HbuliderX搭建项目结构:CLI搭建项

【uniapp开发小程序】实现粘贴一段文字后,自动识别到姓名/手机号/收货地址

一、需求在uni-app中开发小程序,实现粘贴一段文字后自动识别到手机号,并将手机号前面的内容作为姓名,手机号后面的内容作为收货地址,并去除其中的特殊字符和前缀标识。实现效果:二、实现方式:template> viewclass=""> view@click="pasteContent()"> 试试粘贴收件人姓名/手机号/收货地址,可快速识别您的收货信息 view> view>template>script> exportdefault{ data(){ return{ addressData:{ name:'', phone:'', details