vant Overlay 遮罩层 默认插槽不生效问题

vant  官网上

通过默认插槽可以在遮罩层上嵌入任意内容 

<van-overlay :show="show" @click="show = false">
  <div class="wrapper" @click.stop>
    <div class="block" />
  </div>
</van-overlay>

<style>
.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.block {
  width: 120px;
  height: 120px;
  background-color: #fff;
}
</style>

但是，在项目中怎么都不生效，用了各种方法还是未生效...

最后发现vant 版本问题，更新到最新，重启项目，解决。。。

 

若内容太多，超出，建议使用Popup 弹出层，