vant (Popup)中使用sticky

在Popup实现sticky固定在头部

<template>
  <div class="collect_pop">
    <van-popup
      v-model="showCollect"
      lock-scroll
      position="bottom"
      :style="{ height: '40%',width:'100%' }"
    >
      <van-sticky style="width:100%;">
        <van-nav-bar
          title="收藏"
          left-text="新增分组"
          right-text="关闭"
        />
      </van-sticky>

      <div style="height:80%;overflow-y:scroll">
        <van-cell title="测试"></van-cell>
        <van-cell title="测试2"></van-cell>
        <van-cell title="测试3"></van-cell>
        <van-cell title="测试4"></van-cell>
        <van-cell title="测试5"></van-cell>
        <van-cell title="测试6"></van-cell>
        <van-cell title="测试7"></van-cell>
      </div>
    </van-popup>
  </div>
</template>

<script>
export default {
  name: 'CollectPop',

  data() {
    return {}
  },
  props: {
    showCollect: {
      type: Boolean,
      default: false
    }
  }
}
</script>

<style>
</style>

关键：设置高度height