1、页面渲染时候src标签之后的路径怎样变成动态的 源地址
<img src="/static/ic-loc@2x.png" alt="">
当图片需要渲染时候不能直接替换路径 要在src前面加上冒号:
<img :src="item.hdimage" alt="">
2、当后台的没有传图片 或者图片不能用的时候
我们又不想让页面空着 给标签做一个判断 假如前面的值为空就执行下一个 这样 就算后台图片出问题 也不影响页面的完整性
<img :src="item.image||'static/image.png'" >
倘若你很在乎这个图片 后台不给你这个图片 你这个盒子都不想要的话 也是可以解决的
在盒子里加上一个 v-if="item.image" 后台没这个图片 v-if就是空 空着接下来的也不会执行 这个盒子就不会显示 只有image拿到了 才会显示这个盒子
3、加载动画
在调接口的时候可能会有等待的时间 我们可以加入一个加载动画 让用户体验感更棒
uni.showLoading({title:'加载中'})这样就会显示我们的加载动画了 可是显示之后我们接口调出了 他还在这岂不是出现bug了?我们就需要在接口调完之后加上一句uni.hideLoading() 这样也面就隐藏了