uni.app常见功能

384 阅读2分钟
  • (页面滚动位置的控制)uni.pageScrollTo({})括号内可写属性1.scrollTop:Number,滚动到页面目标位置单位px, 2.duration:Number,单位ms,默认时长300
  • (如果要禁止蒙版下的页面滚动)可以用@touchmove.stop.prevent="moveHandle"
  • (如何隐藏tabber) 可以调用 uni.hideTabBar({})方法来隐藏,uni.showTabBar({})来显示
  • (取消原生头部导航),1.全局取消在pages.jsonglobalStylenavigationStyle默认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.值来获取