记录uniapp

Posted 2021-09-18 混名汪小星

 

 

 

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.