el-drawer在ios遇到的问题

 每日一小记

最近在弄移动端开发的时候遇到的问题，因为没有移动端的框架，还是原来element ui的框架

问题：在苹果手机显示的问题，原本有个向上的弹窗的，有遮罩，但是没有向上的弹窗，而且点不其他的操作

想要的效果，在安卓手机是这样的，正常

代码

    <el-drawer
      :visible.sync="showPicker"
      direction="btt"
      :with-header="false"
      size='45%'
      :wrapper-closable='true'
      custom-class='showdrawer'
      >
      <div class="eldrawer" style="z-index: 2088">
        <div class="header">
          <p>
            <span @click="handleClose">关 闭</span>
            <span @click="handleSuccess">完 成</span>
          </p>
        </div>
        <el-checkbox-group
          v-if="placeData && placeData.length>0"
          custom-class='checkGroup'
          class="picker"
          v-model="formNor.placeId" style="display: grid;">
          <el-checkbox v-for="item in placeData" :disabled='item.disabled ===2' :label="item" :key="item.id">{{item.name}}</el-checkbox>
        </el-checkbox-group>
        <p class="zanwu" v-else>暂无数据</p>
      </div>
    </el-drawer>

 看一段时间之后，找到原因

解决方法：:append-to-body='true' 

 

 这个属性，改变他原有的位置，原本他是插入body里，设置为ture之后，它就出来！！！

然后再去苹果手机上看，是正常的了，终于解决了，而且安卓手机上没啥影响，还是原来的效果