Mint-ui: El problema de usar vuex para controlar las ventanas emergentes visibles

Creado en 1 nov. 2016 · 3Comentarios · Fuente: ElemeFE/mint-ui

Utilice vue2.0 ,mint-ui 2.0.2

En lugar de usar variables locales, se usa una variable de estado en vuex para controlar la visualización oculta de la ventana emergente y configurar model=true,closeOnClickModal=true hacer clic en la capa del modelo para no cerrar la ventana emergente, sino para cerrar la capa del modelo (gris máscara)
No encontré el gancho para cerrar el modelo.
Espero proporcionar api
O da un ejemplo de cómo usar vuex para controlar la ventana emergente

question

Fuente

zppro

Comentario más útil

Trate de llamar a la close método de la popup instancia directamente. por ejemplo:

<mt-popup ref="popup">...</mt-popup>

Usted puede

this.$refs.popup.close()

Leopoldthecoder en 5 nov. 2016

👍2

Todos 3 comentarios

Trate de llamar a la close método de la popup instancia directamente. por ejemplo:

<mt-popup ref="popup">...</mt-popup>

Usted puede

this.$refs.popup.close()

Leopoldthecoder en 5 nov. 2016

👍2

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]()
      }
    },

Más tarde, se usa el reloj para darse cuenta de que es mejor publicar estas API en el documento.

zppro en 11 nov. 2016

👍1

Esta es una respuesta detallada a esta pregunta y también incluye una solución a otro problema existente.
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% 84 error /