vant popup指定掛載位置

vant 的popup彈出層里面有一個指定掛載位置，文檔其實粘貼到頁面，跟他顯示的並不一樣，具體怎么用呢，下面會獻上代碼

這是官網的的代碼和示意圖

 

 

代碼如下

 

<template>
  <div>
    <van-popup v-model="show" get-container="myTicket">
      <div class="myTicket">121212</div>
    </van-popup>
  </div>
</template>
<script>
export default {
  data() {
    return {
      show: true
    };
  }
};
</script>
<style lang="less" scoped>
.myTicket {
  width: 100px;
  height: 100px;
  background: #fff;
  color: red;
}
</style>

 

效果圖入下，其實也很簡單，大家可以參考一下