目前使用Vuetify 3，我试图让这个搜索方法“showBills”将数据返回到搜索页面，然后更新搜索页面以显示获取的数据。
我已经测试了这些东西，它们正在工作：

• 包含搜索结果的API URI字符串：在浏览器中使用时返回数据
• 方法：在包含在另一个导入的js文件中之前，直接作为搜索页面的一部分编写时，将使用从API获取的数据填充页面，现在它已导出，将使用JSON数据填充警报
• 方法导入：方法被正确调用，当从另一个js文件调用时，将弹出带有伪文本和API返回文本的警告框

我的猜测是，这与我呈现/处理页面更新的方式或从方法返回数据的方式有关
有什么发现吗？

此处为搜索页面

<template>
  <v-text-field
    v-model="keywords"
    :loading="loading"
    density="compact"
    clearable
    label="Keyword"
    variant="outlined"
    hint="Keywords are words that might be in the bill"
    prepend-inner-icon="mdi-magnify"
    single-line
    hide-details
    @keydown.enter.prevent="$bills = showBills(keywords)"
  ></v-text-field>
  <v-table>
    <thead>
      <tr>
        <th class="text-left">BILL ID</th>
        <th class="text-left">BILL NUMBER</th>
        <th class="text-left">TITLE</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="bill in bills" v-bind:key="bill.bill_id">
        <td>{{ bill.bill_id }}</td>
        <td>{{ bill.bill_number }}</td>
        <td>{{ bill.title }}</td>
      </tr>
    </tbody>
  </v-table>
</template>
<script>
import { showBills } from '../dir/file.js'
export default {
  name: 'KeywordResults',
  data() {
    return {
      bills: [],
      keywords: []
    }
  },
  methods: {
    showBills
  }
}
</script>

方法如下

import axios from 'axios'
import _ from 'underscore'

export function showBills(keywordString) {
  axios
    .get('api query string', {
      params: {
        key: 'redacted',
        op: 'search',
        state: 'mystate',
        query: keywordString.split().join(',')
      }
    })
    .then((response) => {
      var bills2 = []
      response = response.data.searchresult
      delete response.summary
      _.each(response, function (value) {
        bills2.push(value)
      })
      //In debugging i put alert(bills2) which worked
      //and the alert window showed "[object, object],[object,object],..."
      return bills2
    })
    .catch(() => {
      this.bills2 = []
    })
}