码迷,mamicode.com
首页 > 其他好文 > 详细

Mint-ui 中 Popup 作为组件引入,控制弹出框的显示与隐藏遇到的问题。

时间:2018-07-06 17:50:53      阅读:1639      评论:0      收藏:0      [点我收藏+]

标签:model   取消   end   inf   sha   ima   mint   visible   弹出框   

 Popup组件的结构:

<template>
  <div>
  <!--分享弹出窗 begin-->
    <mt-popup class="sharePopup" v-model="popupVisible" position="bottom">
      <ul class="shareUl">
        内容
     </ul>
     <div class="shareFooter">
        <div class="shareCancel" @click="hiddenShare()">取消</div>
    </div>
</mt-popup>
  <!--分享弹出窗 end-->
  </div>
</template>

1:通过把显示与隐藏的标志popupVisible存储到vuex中,发现会报no setting。

2:通过把显示与隐藏的标志popupVisible通过Prop的方式传递,发现会报:

技术分享图片

解决办法:

步骤1:Popup组件的结构更改为红框的部分:

技术分享图片

步骤2: <mt-popup  v-model="popupVisible" position="bottom"><Popup组件></Popup组件></mt-popup>写到父组件。

步骤3:点击取消事通过$emit的方法通知父组件改变显示与隐藏的标志popupVisible的值。

 

Mint-ui 中 Popup 作为组件引入,控制弹出框的显示与隐藏遇到的问题。

标签:model   取消   end   inf   sha   ima   mint   visible   弹出框   

原文地址:https://www.cnblogs.com/linzhanfeng/p/9274554.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!