javascript - vue.js 将数据属性设置为方法的返回值

Question

所以我尝试分配 this.clean = this.cleaner。

results 属性是一个包含 20 个我想要过滤的对象的数组。我想要一个仅具有有效的 poster_path 值的对象数组，并删除不满足该要求的对象。因此，.filter()。

  props: ['results'],
  data() {
    return {
      clean: []
    }
  },
  mounted() {
    this.clean = this.cleaner
  },
  methods: {
    cleaner() {
      return this.results.filter(o => o.poster_path !== null)
    }
  }

问题是使用我的 vue devtool Vue 似乎没有保存 this.cleaner 值。我得到{"_custom":{"type":"function","display":"<span>ƒ</span> bound cleaner()"}}对于 this.clean 的值。

如果我尝试使用计算值，我会不断得到“(评估期间错误)”作为 this.clean 的值。

如果我尝试this.clean = this.cleaner()它只是保存一个空数组。

Answer 1

只需像这样分配函数的功能

props: ['results'],
data() {
  return {
   clean: []
  }
},
mounted() {
  this.clean = this.results.filter(o => o.poster_path !== null)
}