$refs的基本用法 一个对象(Object),持有注册过 ref 特性 的所有 DOM 元素和组件实例. <template> <view class="container" style="background: #0FAEFF;"> <view class="child"> hi {{showModal}}</view> </view> </template> <s

表单验证的时候  $refs 拿不到 暂且是用 $nextTick 解决,具体原因有待研究 假入在 created 中注册时间来验证 validate,那就放在mounted中 或者...注册了 eventHub 的监听事件,要记得销毁,否则重复发送会调用多次 相关issue:5661

特别注意: ※:在components下的组件,图片路径用 /static/img/back.png  这样的根路径形式,不要用../static  或者 ../../static 的形式,不然很坑,有些平台不报错也不显示,有些找不到路径. tips:防止弹窗遮罩时页面可滚动,在弹窗的外层view标签加上 @touchmove.stop.prevent="" 1.关于自定义导航栏中的刘海屏适配问题: 官方提供了一个CSS变量可以直接引用: var(--status-bar-height

获取 登录信息,getStorage 初始化页面数据   请求  下拉刷新页面 加载更多  点击跳转  个人中心  uni.request(OBJECT)   success=成功    fail=失败    complete=成功&失败 发起网络请求. 在各个小程序平台运行时,网络相关的 API 在使用前需要配置域名白名单. OBJECT 参数说明 参数名 类型 必填 默认值 说明 平台差异说明 url String 是   开发者服务器接口地址   data Object/String/Ar

这里分享一个我经常用到的一个方法,主要是用来复制文字内容,具体代码如下: var that=this; if(!document){ uni.setClipboardData({ data:复制的值, success:function(){ uni.showToast({ icon:"none", title: '复制成功!', duration: 2000 }); } }) }else{ var textarea = document.createElement('textarea'

小程序重构,采用 uniapp 框架.记录一下踩过的坑.关于用户拒绝再次调起授权,及如何识别语音识别.微信地址.附近地址的处理. 语音识别 组件 语音识别,小程序只有录音功能,若要识别录音文件,常规做法是把录音文件传递给后端,然后由后端调用百度或讯飞语音识别接口,然后返回结果. 但是微信小程序官方提供了"同声传译"插件,支持前端直接识别.可参考:插件介绍.插件使用文档 uniapp 插件配置,在 manifest.json 文件中,源码模式,加入: ... "mp-weixi

一.项目简介 uni-liveShow是一个基于vue+uni-app技术开发的集小视频/IM聊天/直播等功能于一体的微直播项目.界面仿制抖音|火山小视频/陌陌直播,支持编译到多端(H5.小程序.App端) 且兼容效果一致. 二.效果预览 在H5.小程序.App端测试效果如下:(后续大图均为APP端) 三.使用技术 编码器+技术:HBuilderX + vue/NVue/uniapp/vuex iconfont图标:阿里字体图标库 自定义导航栏 + 底部Tabbar 弹窗组件:uniPop(un

介绍 uniapp自定义弹窗组件uniPop,基于uni-app开发的自定义模态弹窗|msg信息框|alert对话框|confirm确认框|toast弱提示框 支持多种动画效果.多弹窗类型ios/android.可以自定义弹窗样式/自定义多按钮及事件/弹窗显示位置.自动关闭秒数.遮罩层透明度及点击遮罩是否关闭 H5/小程序/App三端效果如下,亲测多端效果兼容性一致.(后续大图均展示App端) 用法 ◆ 弹窗uniPop.vue组件两种引入方式 1.在main.js里引入全局组件 import

1. uniapp之w-picker使用采坑 1.1. 前言 由于我是先在index页面集合了这个组件,发现该文件内容实在太多了,不好维护,所以打算把内容一个个抽成组件,在抽w-picker时,遇到了两个问题 点击取消,会调用方法,但不会产生取消隐藏效果,点击确认也一样,确认函数的确调用了,但w-picker就是不隐藏 watch监听的使用,在uniapp可能有一定局限性,我使用如下形式,在h5可行,在微信小程序连错误都不报,同时也没起到作用 watch:{ 'formData.hospital

enmnm...一般会使用npm下载echarts这个包,但是不知道是我自己的配置问题还是别的原因,一直出不来图线, 于是,把Hello uni-app模板里的那个组件抱过来,然后,成了! 首先, 1.页面引入 <template> <view class="container"> <view> <view class="canvasView"> <mpvue-echarts class="ec-can

A页面 <view class="go-to-tab" @tap="gotologin"> 去login页面 </view> msg : [ 'uniapp行业峰会频频亮相开发者反响热烈', 'DCloud完成B2轮融资,uni-app震撼发布', '36氪热文榜推荐.CSDN公号推荐 DCloud' ] gotologin(){ uni.setStorageSync('storage_key', 'hello');//存储一个字符传值 //

鸽了这么久,一晃2个月过去了.自考+上班没时间记录. 前不久看到移动官网上的时间轴效果,看起来不错,我也来试着做一下. 需要元素滚动到视野内加载动画. 插件地址 https://ext.dcloud.net.cn/plugin?id=906 uniapp不能操作dom,写这个还是思考了很久.效果如下 一.布局 画主轴.内容分割成块,当出现在视野中(滚动监听),加载载入动画. 内容块中分别有一个圆点.详情内容. <!-- 时间轴 css就不贴出来了--> <view class="

又双叒一个uniapp组件 最近有一个选择地址的需求,就写了一个省市区联动选择器. 选择日期使用的picker,就照着它简单的整了一个,使用网络请求城市数据,还用到了vuex组件数据共享. 本来自己整了一个底部弹窗,又在插件市场看到了更好的底部弹窗 :LuPopupWrapper--弹窗容器, 所以就用了这个. 依然发布到了插件市场:http://ext.dcloud.net.cn/plugin?id=708 看一下效果吧 具体实现 css就不贴出来了,下载可以看到. 第一.底部弹出框 <vie

2.0(2019-08-31) 船新版本的信息弹窗组件 插件市场地址:http://ext.dcloud.net.cn/plugin?id=672 可以弹出很多条信息,并单独控制消失时间.点击消失. 用循环来生成很多个弹窗,用this.$refs来传值,并添加数组. 1.布局 <view class="popup_list"> <view v-for="(items,index) of popup_list" :id="items.uui

系列文章 手牵手,使用uni-app从零开发一款视频小程序 (系列上 准备工作篇) 手牵手,使用uni-app从零开发一款视频小程序 (系列下 开发实战篇) 前言 好久不见,很久没更新博客了,前段时间在深圳出差,胡吃海喝颓废了很久,不想每天下班刷抖音.打游戏虚度光阴,准备把之前做的一个小程序案例详细的介绍一下,从安装编译器开始重新开发复盘一遍,希望对初入小程序的你有所帮助. 扫码体验,先睹为快 可以扫描下微信小程序的二维码,体验一下开发完毕的效果: 源码地址: GitHub : https://

uniapp自定义picker城市多级联动组件 支持多端--h5.app.微信小程序.支付宝小程序... 支持自定义配置picker插件级数 支持无限级 注意事项:插件传入数据格式为children树形格式,内部包含:id.name 参数 类型 描述 默认值 必选 title string 标题 '' 否 layer number 控制几级联动 1 否 data arr 数据 如:[{text: '', adcode: '', children: [{text: '', adcode: ''}]

组件基本知识点: uniapp中:每个页面可以理解为一个单页面组件,这些单页面组件注册在pages.json里,在组件关系中可以看作父组件. 自定义可复用的组件,其结构与单页面组件类似,通常在需要的页面引入或者注册到全局main.js中使用,这是子组件. 1.props  (props用于父组件给子组件传递参数,参数可以限制类型,可以设置默认值) 2.$emit(事件名,参数1,参数n):用于向父组件传递事件,可携带子组件的参数 3.ref 用于获取某个dom节点或子组件的注册引用信息,在父组件

在开发用户模块的时候,相信大家都碰到过一个功能,图片滑动解锁后发送验证码,这里分享我用uni-app制作的一个小控件 效果如下: 需要如下图片资源 template <template> <view class="zhezhao" v-if="shows" @tap="shows=false"> <view class="verifyBox" @touchend="onEnd"

这里总结一些uni-app开发时我遇到的坑 uni-app获取元素高度及屏幕高度(uni-app不可使用document) uni.getSystemInfo({ success: function(res) { // res - 各种参数 console.log(res.windowHeight); // 屏幕的宽度 let info = uni.createSelectorQuery().select(".元素"); info.boundingClientRect(function

uni-app 实战-打包 App Android & iOS 证书 广告 refs xgqfrms 2012-2020 www.cnblogs.com 发布文章使用:只允许注册用户才可以访问! 原创文章,版权所有️xgqfrms, 禁止转载 ️,侵权必究️!