vux,vue 苹果手机使用position:fixed有问题,如何解决

  苹果手机真是各种坑,导致我都想摔手机呀,但没办法,用苹果的人太多,程序员还是继续在坑的路上行走!

上一篇文章介绍了一些组件,就是使用vux可以解决,苹果手机使用position:fixed的问题

给需要position:fixed的元素上绑定一个 v-transfer-dom,script中引用一下这个组件就ok了

看代码-----

<template>   
 <div class="bottom" v-transfer-dom>
      <ul>
        <li @click="today">
          <img src="../assets/img/jrrw.png" width="22%"/>
          <p>今日任务</p>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
  import { TransferDom } from 'vux'
  export default {
    name: 'class',
    data () {
      return {
        show: false
      }
    },
    directives: {
      TransferDom
    },
    methods:{

    }
</script>

  

原文地址:https://www.cnblogs.com/gqx-html/p/7596601.html