使用mpvue 编写微信小程序填坑记录
-
mounted只加载一次,点左上角返回按钮不会触发页面更新,可以使用小程序自带onShow生命周期实现每次刷新
-
textarea的层级较高,自定义遮罩存在点击穿透bug,可以在弹出层时隐藏掉textarea,或者使用cover-view处理,cover-view只能嵌套固定的内容,对于自定义内容比较多的时候,还是建议隐藏掉textarea,或者将值绑定在一个同等样式标签里,动态切换。
<div class="displayFlex line" v-if="showText">
<textarea type="text"
v-model="remark"
:placeholder-style="'color:#4E586E;'"
class="textArea"
maxlength="100"
placeholder="请输入活动描述、人员要求…" />
</div>
<div class="displayFlex line" v-else>
<div class="textArea">{{remark}}</div>
</div>
- 使用微信小程序image标签加载图片,设置mode属性后,渲染会出现闪屏的问题,解决方法可以参考微信小程序图片加载时闪烁
即:用img代替image,用css解决图片适应
<img :src="girl.picture.file_path" v-if="girl.picture.file_type==='0'" @click="lookBigPic(item.file_path)" class="img_url" alt="">
.img_url{
width: auto;
height: 700rpx;
}