Utiliser vue2.0 ,mint-ui 2.0.2
Au lieu d'utiliser des variables locales, une variable d'état dans vuex est utilisée pour contrôler l'affichage caché de la fenêtre contextuelle et définir model=true,closeOnClickModal=true
cliquer sur la couche modèle pour ne pas fermer la fenêtre contextuelle, mais pour fermer la couche modèle (gris masque)
Je n'ai pas trouvé le crochet pour fermer le modèle
J'espère fournir une API
Ou donnez un exemple d'utilisation de vuex pour contrôler le popup
Essayez d' appeler le close
méthode de popup
par exemple directement. par exemple:
<mt-popup ref="popup">...</mt-popup>
Vous pouvez
this.$refs.popup.close()
data () {
return {
localLeftPopupVisible: false
}
},
computed: {
...mapState(['routerTransiting', 'routerTransitValue', 'routerTransitHeight', 'leftPopupVisible']),
...mapGetters(['isLogined'])
},
watch: {
leftPopupVisible: function (newLeftPopupVisible) {
this.localLeftPopupVisible = newLeftPopupVisible
},
localLeftPopupVisible: function (newLocalLeftPopupVisible) {
!newLocalLeftPopupVisible && this[$GLOABL_PREFIX$ + HIDE_LEFT_POPUP]()
}
},
Plus tard, watch sert à se rendre compte qu'il est préférable de publier ces API dans le document
Ceci est une réponse détaillée à cette question, et comprend également une solution à un autre problème existant
https://nick-qi.github.io/2017/09/07/%E5%85%B3%E4%BA%8Emint-ui%E7%9A%84popup%E6%A8%A1%E6%80%81 %E6%A1%86%E7%9A%84bug/
Commentaire le plus utile
Essayez d' appeler le
close
méthode depopup
par exemple directement. par exemple:Vous pouvez