计算函数中的类型不存在属性

Question

我是 TypeScript 的新手。下面的代码在 JavaScript 上运行没有问题，但是这里没有编译。

export default {
  data: function() {
    return {
      data: [
        'Angular',
        'Angular 2',
        'Aurelia',
        'Backbone',
        'Ember',
        'jQuery',
        'Meteor',
        'Node.js',
        'Polymer',
        'React',
        'RxJS',
        'Vue.js'
      ],
      name: "",
      selected: null,
      hasVariationRadio: ""
    };
  },
  computed: {
    filteredDataArray(): [] {
      return this.data.filter((option: string) => { // This is where the error appears
        return option
          .toString()
          .toLowerCase()
          .indexOf(this.name.toLowerCase()) >= 0 // Also here.
      })
    }
  }
};

我收到以下错误： Property 'name' does not exist on type '{ filteredDataArray(): []; }'.

如here 所述，strict 在 tsconfig.json 文件中的 compilerOptions 内设置为 true。

Answer 1

当我在控制台中运行这段代码时，它似乎并不正确。

当您在 computed.filteredDataArray 中引用 this 时，this 是 computed 对象，而不是全部。

将filteredDataArray 移动更高一级使其工作：

export default {
    data: function () {
        return {
            data: [
                'Angular',
                'Angular 2',
                'Aurelia',
                'Backbone',
                'Ember',
                'jQuery',
                'Meteor',
                'Node.js',
                'Polymer',
                'React',
                'RxJS',
                'Vue.js'
            ],
            name: "",
            selected: null,
            hasVariationRadio: ""
        };
    },
    filteredDataArray() {
        return this.data().data.filter((option: string) => {
            return option
                .toString()
                .toLowerCase()
                .indexOf(this.data().name.toLowerCase()) >= 0
        })
    }
};