uni-app
小金的口袋
这个作者很懒,什么都没留下…
展开
-
uni-app(Vue)中(picker)用联动(关联)选择以至于完成某些功能
如下图所示,在项目中需求是通过首先选择学生的专业,选好之后在每个专业下面选择对应的学期,每个学期有对应的学费,因此就需要联动选择来实现这一功能。以下仅展示此功能主要代码:<div class="item"> <div class="item-left"> <span class="star">*</span> <span>目标专业 :</span> </div> <pi原创 2021-11-03 16:26:16 · 753 阅读 · 0 评论 -
uni-app中正则表达式验证手机号,身份证号输入格式是否正确
在用户提交信息的时候通常会输入手机号之类的,所以需要前端在提交的时候验证其输入的格式是否正确,以是在uni-app项目中,仅展示验证部分内容手机号:let reg = /^[1][3,4,5,7,8,9][0-9]{9}$/ //正则表达式定义手机号正确格式if (!this.tele) { //判断如果手机号(this.tele)为空,提示用户输入手机号 uni.showToast({ title: '请输入手机号', icon: 'none' })原创 2021-10-24 15:06:24 · 4177 阅读 · 0 评论 -
uni-app 使用API中的uni.chooseImage 上传照片以及uni.previewImage图片预览(身份证照片为例)
在uni-app项目中通常需要用户上传照片,如下图所示:代码如下:<template> <div class="container"> <div class="user-info"> <div class="id-info">身份证照片</div> <div class="tips">*请上传本人的身份证照片(单张照片限制1M以内)</div> <div> <img原创 2021-08-04 15:55:00 · 2158 阅读 · 0 评论 -
通过vue在uni-app中设置当前北京时间(动态时间)
在项目中通常需要在页面中显示当前时间,具体代码如下所示:<template> <div class="container"> <div class="times"> <span>{{ hour }} : {{ minutes }}</span> <span style="font-size: 38upx;margin-left: 10upx;;">{{ seconds }}s</span> </原创 2021-08-02 10:21:11 · 1183 阅读 · 0 评论 -
uni-app中当uni.navigateTo传的参数为object时,通过传递的不同参数,在显示单页面内通过v-if判断显示出对应的内容(可实现多页面效果)
通过uni-app中当uni.navigateTo传的参数为object时,通过传递的不同参数,在显示单页面内通过v-if判断显示出对应的内容(可实现多页面效果)起始页跳转到对应页面,并传递参数(object),如下图所示:<template> <div> <div class="item" v-for="(item,index) in className" :key="index" @click="nextPage(item)"> <div cl原创 2021-07-20 14:33:30 · 681 阅读 · 0 评论 -
HBuilder X中新建uni-app项目中的Hello uni-app模板后,自己添加的页面为什么运行时不显示,找不到入口?
在HBuilderX中新建了一个uni-app项目,然后选择了Hello uni-app模板进行测试编译,发现自己在pages目录下新建一个my-test文件夹后在此文件下进行编写测试,发现运行起来没有自己的测试文件,这是怎么回事?解决方案:(以下图为例)![在这里插入图片描述](https://img-blog.csdnimg.cn/20210714172306162.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow原创 2021-07-14 17:26:12 · 2139 阅读 · 1 评论 -
uni-app中组件picker的基本使用(日期选择器为例)
例:需要在下图“自定义日期”中使用日期选择器(图一)首先我们可以在template中引入组件picker中的日期选择器部分代码:效果图:(单独分出来编辑的)点击自定义日期后显示一下效果,颜色切换为蓝色,当点击图一中的其他按钮时被点击的按钮颜色发生切换,自定义按钮颜色会回复默认...原创 2021-07-08 14:51:26 · 3988 阅读 · 0 评论