cli bubuko 方式 解決 pro 傳遞 顯示與隱藏 gin ott

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 作為組件引入，控制彈出框的顯示與隱藏遇到的問題。