Lulus nilai yang dipilih: gunakan kaedah pelaksanaan vuex dalam kaedah
P粉218775965
P粉218775965 2023-08-20 22:01:35
0
2
473

Saya cuba menghantar nilai pilihan saya dalam kaedah FilterStatus menggunakan Vuex tetapi ia tidak menghantar nilai pilihan pilihan kepada kaedah tersebut.

Ini ialah FilterStatus.vue komponen saya, saya menggunakan model v untuk menyimpan nilai pilihan dan menggunakan useStore untuk lulus status

  import { useStore } daripada 'vuex' eksport lalai { persediaan() { kedai const = useStore() penapis const = ((status) => { store.dispatch('status penapis', status) }) kembali { penapis } } }   

Dalam bahagian ini, saya menggunakan Vuex dan dalam tindakan saya mempunyai kaedah penapisStatus saya

import { createStore } daripada 'vuex' eksport createStore lalai({ nyatakan: { watak: [], charactersFilter: [] }, mutasi: { setCharacters(negeri, muatan) { negeri.karakter = muatan }, setCharactersFilter(negeri, muatan) { state.charactersFilter = muatan } }, tindakan: { async getCharacters( {commit} ) { cuba { const res = tunggu ambil('https://rickandmortyapi.com/api/character') data const = menunggu res.json() commit('setCharacters', data.results) commit('setCharactersFilter', data.results) } tangkap (ralat) { console.log(error) } }, filterStatus({commit, state}, status) { penapis const = state.characters.filter( (character) => { kembalikan character.status.includes(status) }) commit('setCharactersFilter', penapis) } }, modul: { } })

Terima kasih banyak atas bantuan anda

P粉218775965
P粉218775965

membalas semua (1)
P粉512363233

v-model harus diberikan pembolehubah data, bukan fungsi. Dalam Vue 3, anda juga harus mengisytiharkan pembolehubah ini menggunakanrefreactiveuntuk menciptakeadaan reaktif, contohnya:

const filter = ref('')

Kini, apabila menetapkannya sebagai model v pemilih,filter将保存所选选项的值。然后,你需要做的第二件事是使用“on change”事件监听器响应选择的变化,这样每次filterapabila dikemas kini, anda boleh memasukkannya ke kedai vuex anda.

    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!