uni.app常见功能
- (页面滚动位置的控制)
uni.pageScrollTo({})括号内可写属性1.scrollTop:Number,滚动到页面目标位置单位px, 2.duration:Number,单位ms,默认时长300
- (如果要禁止蒙版下的页面滚动)可以用
@touchmove.stop.prevent="moveHandle",
- (如何隐藏tabber) 可以调用
uni.hideTabBar({})方法来隐藏,uni.showTabBar({})来显示
- (取消原生头部导航),1.全局取消在
pages.json的globalStyle里navigationStyle默认default,改为custom2.单页面取消,在pages里,"path": "pages/index/index",加上"style": { "navigationStyle":"custom" }即可
-(实现滑动组件横向) scroll-view滑块组件,有两种方式实现横向滑动,(1.给scroll-view加上属性style='white-space: nowrap'禁止子盒子换行,子盒子使用display: inline-block形成行内块级元素)(2.最外层用scroll-view组件,但不要设置display:flex,scroll-view里嵌套一个盒子view,可以设置display:flex,但是view盒子里的,子盒子不能设置宽度,要想设置宽度可以用max-width或min-width)
- (横向滑动组件的一个属性,实现控制滑动组件位置变动)
scroll-left,scroll-left="变量",点击某个事件改变变量就可以设置横向滚动条位置发生改变,同时滑动组件的,scroll-with-animation属性可以设置滚动的时候有个过渡动画
- (内容复制到剪贴板)
uni.setClipboardData({})设置系统剪切板的内容,回调对象里可以写,data:String 点击将data里的内容,复制到剪贴板,showToast:false/true是否使用弹出提示(默认的)
- (下拉刷新)在
pages.json要设置下拉刷新的页面的style里设置"enablePullDownRefresh": true,//是否开启页面刷新,style再设置,"app-plus": {"bounce": "none" //关闭窗口回弹效果}
-(触发全局自定义事件) uni.$emit()调用后就触发了这个全局的事件,uni.$emit('事件名','事件参数'),触发了全局自定义事件之后,可以用uni.on('触发的事件名,(回调里有事件参数)=>{}')来获取事件的参数,uni.$off('要删除的全局事件可以是一个数组['事件1','事件2']可以直接写事件1','()=>{}')
- 文本域
textarea高度自适应,只需要设置 auto-height="true"就可完成,输入多少自动换行,并且高度自适应
- 使用
web-view的时候,url写的是链接,网络链接,百度之类的,然后他会是个全屏的效果,层级最高,在nvue里使用web-view的话一定要给web-view加上style给上宽高 <web-view style="宽高"></web-view>
- 组件内
mounted能获取到props的值用this.值来获取