ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

记录uniapp

2021-09-18 23:03:40  阅读:208  来源: 互联网

标签:uniapp 需要 记录 app js vConsole uni 监听


 

 

 

  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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有