uni-app开发中常见问题

顶部栏标题动态设置

uni.setNavigationBarTitle({
      title: res.data.title
});

为什么获取不到节点信息返回null呢，因为它是一个异步返回的，延迟一下

setTimeout(()=>{
  view.boundingClientRect(data => {
  console.log("得到布局位置信息" + JSON.stringify(data));
  console.log("节点离页面顶部的距离为" + data.top);
  }).exec();
},300)

关于打包之后，手机端不显示数据的问题

页面上引用的数据，一定要在data里面创建一个空的，如

data() {
    return {
       msgImgList:[],
     }
},
onLoad(){
  this.msgImgList = XXXX;
}

关于滚动到当前列表的id提示错误的问题解决方式

scroll-into-view String 值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素,

关于标签

需要注意的是使用text标签为行内，不要使用i标签，它会默认成为一个块级元素。

关于聊天窗口

App平台在iOS上，webview中的软键盘弹出时，默认在软键盘上方有一个横条，显示着：上一项、下一项和完成等按钮。如不想显示这个横条，可以配置softinputNavBar: 'none'

{
"path": "pages/chat-window/chat-window_js",
    "style": {
            "navigationBarTitleText": "对话窗口",
            "app-plus":{
                           "softinputMode":"adjustResize"，
                           "softinputNavBar":"none"
             }
            }
    },

App平台软键盘弹出有 adjustResize|adjustPan 两种模式，默认为 adjustPan 模式，小程序平台只支持 adjustPan 模式，H5平台因不同浏览器而异
adjustResize：软键盘弹出时，webview窗体高度挤压。屏幕高度=webview窗体高度+软键盘高度
adjustPan：软键盘弹出时，webview窗体高度不变，但窗体上推，以保证输入框不被软键盘盖住

顶部栏相关的css变量

uni文档为下面
https://uniapp.dcloud.io/frame?id=css%E5%8F%98%E9%87%8F

navigator只允许站内跳转。

应用内的跳转链接，值为相对路径或绝对路径。

解决方式：
h5端的站外跳转可以使用location.href 进行跳转。

使用uni做微信端H5类型的项目遇到下载文件怎么办？

微信会屏蔽一切的下载路径，所以在微信浏览器里面是不能下载文件的，
uni提供了uni.saveFile但是这个接口不支持H5，我们可以显示一个页面告知用户使用浏览器打开，下载该文件。

image.png