Mint-ui 中 Popup 作為組件引入，控制彈出框的顯示與隱藏遇到的問題。

 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的值。