Mint-ui: Le problème de l'utilisation de vuex pour contrôler les popups visibles

Créé le 1 nov. 2016  ·  3Commentaires  ·  Source: ElemeFE/mint-ui

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

question

Commentaire le plus utile

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()

Tous les 3 commentaires

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/

Cette page vous a été utile?
0 / 5 - 0 notes