使用mpvue编写微信小程序填坑记录

使用mpvue 编写微信小程序填坑记录

1. mounted只加载一次，点左上角返回按钮不会触发页面更新，可以使用小程序自带onShow生命周期实现每次刷新

2. 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>

3. 使用微信小程序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;
  }