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>

 

效果图入下,其实也很简单,大家可以参考一下

 

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM