VantUI项目中popup弹窗不弹出问题怎么解决-创新互联

VantUI项目中popup 弹窗不弹出问题怎么解决？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

罗山网站建设公司创新互联公司,罗山网站设计制作，有大型网站制作公司丰富经验。已为罗山千余家提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱，请找那个售后服务好的罗山做网站的公司定做！

背景

组件PopupTime.vue

把vant官网的popup+时间选择器抽成组件：

popup1show: true 即弹窗显示

<template>
  <div class="PopupTime">
    <van-popup v-model="popup1show" position="bottom" :overlay="true" @click-overlay="clickOverlay">
      <van-datetime-picker show-toolbar
                 :title="popupTitle.popupName"
                 v-model="currentDate"
                 type="datetime"
                 @cancel="onCancel" @confirm="onConfirm" class="font14"/>
    </van-popup>
  </div>
</template>

<script type="text/ecmascript-6">

  export default {
    props:{
      popupTitle:Object,
    },


    data() {
      return {
        popup1show: true,
        currentDate: new Date(),
      };
    },
 methods：{
  clickOverlay() {
  this.onCancel();
  },
  onCancel() {},
  onConfirm(value, index) {},
 }
 </script>

网页标题：VantUI项目中popup弹窗不弹出问题怎么解决-创新互联
网页路径：https://www.cdcxhl.com/article26/dssgjg.html

成都网站建设公司_创新互联，为您提供服务器托管、外贸网站建设、网页设计公司、软件开发、定制网站、域名注册

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联