Mint-ui: Masalah menggunakan vuex untuk mengontrol popup yang terlihat

Dibuat pada 1 Nov 2016 · 3Komentar · Sumber: ElemeFE/mint-ui

Gunakan vue2.0 ,mint-ui 2.0.2

Alih-alih menggunakan variabel lokal, variabel status di vuex digunakan untuk mengontrol tampilan tersembunyi dari popup, dan mengatur model=true,closeOnClickModal=true mengklik pada layer model untuk tidak menutup popup, tetapi untuk menutup layer model (abu-abu masker)
Tidak menemukan pengait untuk menutup model
Berharap untuk memberikan api
Atau berikan contoh penggunaan vuex untuk mengontrol popup

question

Sumber

zppro

Komentar yang paling membantu

Coba panggil metode close dari instance popup secara langsung. Misalnya:

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

Kamu bisa

this.$refs.popup.close()

Leopoldthecoder pada 5 Nov 2016

👍2

Semua 3 komentar

Coba panggil metode close dari instance popup secara langsung. Misalnya:

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

Kamu bisa

this.$refs.popup.close()

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

Kemudian, arloji digunakan untuk menyadari bahwa yang terbaik adalah mempublikasikan API ini dalam dokumen

zppro pada 11 Nov 2016

👍1

Ini adalah jawaban terperinci untuk pertanyaan ini, dan juga termasuk solusi untuk masalah lain yang ada
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/