uni-app 问题汇总

无法调起微信开发者工具

解决办法

• 登录 HBuilder 账号
• 在 manifest.json 文件中配置 AppID

uni.navigateTo 无法跳转到指定页面

错误写法

uni.navigateTo({
  url: 'pages/recipe/recipe'
})

错误原因
url 路径应该是相对路径或者绝对路径

正确写法

// 绝对路径
uni.navigateTo({
  url: '/pages/recipe/recipe'
})
// 相对路径
uni.navigateTo({
  url: '../recipe/recipe'
})

调定位接口提示需要在 app.json 中声明 permission 字段

解决办法
在 manifest.json 中加入下面这段代码

"permission": {
  "scope.userLocation": {
   "desc": "你的位置信息将用于小程序位置接口的效果展示"
  }
 }

添加位置如下：

背景图片不显示

原因
微信小程序不支持调用本地图片

解决方法
1、使用网络图片
2、使用 base64 （如果多次使用的话可以创建全局 CSS 引用）

瀑布流问题

问题回顾
瀑布流切换数据后视图不更新
如图所示：当切换别的图片分类时，视图没有更新

错误原因
uview-ui 的 u-waterfall 组件，它会监听传进来的数据，以上一次数据的长度作为截取的起始位置，把新增的数据拼到上一次数据深克隆后的数据的末尾。这个组件并不满足我的需求，

解决办法
新建一个标识符，通过修改标识符来判断是拼还是重新开始

由于 splitData 是一个异步方法，所以需要做如下处理

this.$nextTick(function(){
  this.imgList = res.data
})