国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

<p>我嘗試在使用Vuex的FilterStatus方法中傳遞我的選擇值，但它沒(méi)有將選擇選項(xiàng)的值傳遞給該方法。</p> <p>這是我的組件FilterStatus.vue，我使用v-model保存選項(xiàng)的值，并使用useStore傳遞狀態(tài)</p> <pre class="brush:php;toolbar:false;"><template> <div class="filter"> <select v-model="filter"> <option value="">全部</option> <option value="Alive">存活</option> <option value="Dead">死亡</option> <option value="unknown">未知</option> </select> </div> </template> <script> import { useStore } from 'vuex' export default { setup() { const store = useStore() const filter = ((status) => { store.dispatch('filterStatus', status) }) return { filter } } } </script> <style> </style></pre> <p>在這部分中，我使用了Vuex，在actions中有我的filterStatus方法</p> <pre class="brush:php;toolbar:false;">import { createStore } from 'vuex' export default createStore({ state: { characters: [], charactersFilter: [] }, mutations: { setCharacters(state, payload) { state.characters = payload }, setCharactersFilter(state, payload) { state.charactersFilter = payload } }, actions: { async getCharacters( {commit} ) { try { const res = await fetch('https://rickandmortyapi.com/api/character') const data = await res.json() commit('setCharacters', data.results) commit('setCharactersFilter', data.results) } catch (error) { console.log(error) } }, filterStatus( {commit, state}, status ) { const filter = state.characters.filter( (character) => { return character.status.includes(status) }) commit('setCharactersFilter', filter) } }, modules: { } })</pre> <p>非常感謝您的幫助</p>

const filter = ref('')

<template>
  <div class="filter">
    <select v-model="filter" @change="filterChange">
      <option value="">全部</option>
      <option value="Alive">存活</option>
      <option value="Dead">死亡</option>
      <option value="unknown">未知</option>
    </select>
  </div>
</template>

<script>
import { ref } from "vue";
export default {
  setup() {
    const filter = ref("");
    const filterChange = (e) => {
      console.log("filter", filter.value);
      // 可選：從實(shí)際事件中獲取值，而不是使用v-model
      console.log("來(lái)自事件的filter", e.target.value); 
    };

    return {
      filter,
      filterChange,
    };
  },
};
</script>