我想知道我在这里做错了什么，从中我可以看到这是解决方案：Vue: method is not a function within inline-template component tag

但是该方法仍未触发。

$project

更新

因此@click允许我触发事件，但这导致表无法使用showFilters更改后的数据进行更新。多亏了MattBoothDev，我发现了基于事件的数据刷新，但是现在奇怪的是，它阻止了数据的更改。即如果field.showFilters为true，则单击按钮为true。

  <b-table
      :items="filtered"
      :fields="fields"
      sort-icon-left
      responsive="sm"
      @card-click="setUpdate"
    >
      <template v-slot:head()="data">
        <span class="text-info">{{ data.label.toUpperCase() }}</span>
        <button @click="$emit('card-click',data)">filter</button>
        <input
          v-show="data.field.showFilters"
          v-model="filters[data.field.key]"
          :placeholder="data.label"
        />
      </template>
    </b-table>

  methods: {
    setUpdate(field) {
      console.log("hello");
      console.log(field);
      this._originalField = Object.assign({},field);
      field.showFilters = true;
    }
  }