解决设置固定定位，会遮盖住元素的问题

解决方案是：给定位的盒子套个div

有问题的效果图

<template>
  <div>
    <!-- 也可以套个wra div -->
    <div :class="isFixed ? 'wra' : '' ">
      <div class="header" ref="he" :class="isFixed ? 'ding' : '' ">header</div>
    </div>
    <div class="list">
      <ul>
        <li v-for="item in list" :key='item' class="item">
          <div>{
  {item}}</div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  // provide: {
  //   age: 'l