我正在嘗試在輸入查詢的地方進行搜索輸入，該查詢被添加到 API 調用并返回我想要的數(shù)據，這是我的代碼示例      <input    class="rounded-l-full w-full py-6 px-6 text-gray-700 leading-tight focus:outline-none"    id="search"    type="text"    placeholder="Search"    v-bind="query"  />    <button      class="bg-blue-900 text-white rounded-full p-2 hover:bg-blue-700 focus:outline-none w-12 h-12 flex items-center justify-center"      @click="getSearchResults()"    >      <font-awesome-icon :icon="['fas', 'search']" />    </button>我的JS：    <script>import { mapActions, mapGetters, mapState } from "vuex";export default {  name: "Main",  data() {    return {};  },  computed: {    ...mapGetters(["searchResult"]),    ...mapState({      query: (state) => state.query,    }),  },  methods: {    ...mapActions(["getSearchResults"]),  },};</script>我的 vuex 模塊：    import axios from "axios";const state = {  results: [],  query: "",};const getters = {  searchResult: (state) => state.results,};const actions = {  async getSearchResults() {    let query = state.query;    const res = await axios.get(      `https://www.theaudiodb.com/api/v1/json/1/search.php?s=${query}`    );    res.data.artists.forEach((artist) => state.results.push(artist));  },};const mutations = {  returnResults: (state, results) => (state.results = results),};export default {  state,  getters,  actions,  mutations,};搜索查詢沒有通過輸入傳遞，如果我在 Vuex 模塊的查詢中輸入一些內容，我會得到正確的結果，但如果我輸入一些內容并單擊搜索按鈕，我會得到 api JSON 的默認結果，這意味著我的輸入不工作，我會很感激一些幫助，并提前致謝！