记录uniapp

发布时间:2022-07-05 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了记录uniapp脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

 

 

 

  1. 不要用原生的img标签 ,app端会不显示, 需要用image 标签
  2.  长按事件用  @longPress  监听触发,抬起用@touchend 监听触发,如果用 @touchstart 和 @touchend 组合用的话,app端无法监听到长按事件
  3. 场景:自建聊天室,需要每发送或者接收一条消息则滚动到最底部 。
    1.   <scroll-view scroll-y="true" :scroll-top="scollViemTop" id="list" >
       //当聊天数据发送变化时,则更新滚动条下滑的高度
              watch:{ 
                  list(value){
                      setTimeout(()=>{
                          this.scollViemTop = this.scollViemTop+1000;  //想要滚动到最底部,则需要更新的滚动高度大于剩余滚动条的长度,所以可以设置的尽可能的大
                      },200)
                  }
              },
  4. 传文件api:   uni.uploaDFile   这是个巨坑
    1. 需要自定义参数接收  const uploadTask = uni.uploadFile(OBJECT)  ,要不然发送不了,后端也接收不到,至少安卓端真机测试是这样的
    2. header对象中传入  'content-tyPE': 'multipart/form-data',  否则后端解析不出来文件,这个根据需求和后端对接
  5. 进入app会默认永久拒绝语音权限,如果要获取语音权限,需要在根目录下manifest.json,勾选    App模块配置  --》 Speech(语音输入,只能选择一个) ---》 讯飞语音识别  
  6. 兄弟组件传值使用  uni.$emIT() / uni.$on()
  7. nvue项目 , 组件挂载构子用mounted , 页面挂载则用OnLoad 
  8. App平台 v3 模式暂不支持在 js 文件中引用"./styles/main.less" 需要在 style 内引用
  9. ui单位尺寸 rpx为响应式,750px设计稿的尺寸比例: 1px = 1rpx , 屏幕大于960px时,则以375比例显示
  10. 真机调试页面,vConsole使用
    1.   在main.js直接引入vConsole.min.js,只可以在H5中使用,APP中是一片空白。如果要在APP中使用,需要借助render.js,在页面中单独引入,代码如下:
      <script module="vconsole" lang="renderjs">  
          import VConsole From '../../static/vConsole.js'  
          new VConsole();  
      </script>
  11.               

 

脚本宝典总结

以上是脚本宝典为你收集整理的记录uniapp全部内容,希望文章能够帮你解决记录uniapp所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。