其他分享
首页 > 其他分享> > 记录uniapp

记录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,需要,记录,app,js,vConsole,uni,监听
来源: https://www.cnblogs.com/wxyblog/p/15310432.html