Mint-ui: Проблема использования vuex для управления видимым всплывающим окном

Созданный на 1 нояб. 2016 · 3Комментарии · Источник: ElemeFE/mint-ui

Используйте vue2.0 ,mint-ui 2.0.2

Вместо использования локальных переменных переменная состояния в vuex используется для управления скрытым отображением всплывающего окна и устанавливает model=true,closeOnClickModal=true щелкнуть слой модели, чтобы не закрывать всплывающее окно, а закрыть слой модели (серый маска)
Не нашел крючка для закрытия модели
Надеюсь предоставить API
Или приведите пример использования vuex для управления всплывающим окном

question

Источник

zppro

Самый полезный комментарий

Попробуйте вызвать метод close popup экземпляра

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

Вы можете

this.$refs.popup.close()

Leopoldthecoder 5 нояб. 2016

👍2

Все 3 Комментарий

Попробуйте вызвать метод close popup экземпляра

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

Вы можете

this.$refs.popup.close()

Leopoldthecoder 5 нояб. 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]()
      }
    },

Позже часы используются, чтобы понять, что лучше всего опубликовать эти API в документе.

zppro 11 нояб. 2016

👍1

Это подробный ответ на этот вопрос, а также решение другой существующей проблемы.
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 /