javascript - Vue.js - 数据属性不可访问

Question

我有一个 Vue.js 3 应用程序。在这个应用程序中，我试图搜索对象数组。我在这里创建了一个小提琴。在这个小提琴中，导致问题的代码如下所示：

async runSearch() {
  let searchResults = this.data;
  if (this.searchQuery) {
    let info = JSON.stringify(searchIndex);
    alert(info);
    console.log(searchIndex);
    searchResults = await courseIndex.search(courses);
  }
  this.results = searchResults;
}

由于某种原因，它就像searchIndex不存在一样。但是，我在模型中确实有它，如下所示：

  data() {
    return {
      searchIndex: null,
      searchQuery: null,      
      data: data,
      results: null,
    }
  }

我究竟做错了什么？为什么我不能执行搜索？

标签： javascriptvue.js

Answer 1

用于this.searchIndex访问 Vue 中数据中定义的反应变量。