vue.js - 如何在Vue js的方法中获取计算的属性数据？

Question

我有一个计算属性

 computed: {
    totalwishlistItems () {
      const totalwishlistItems = this.items
      const totalreversedItems = totalwishlistItems.map((item, index) => totalwishlistItems[totalwishlistItems.length - 1 - index])
      return totalreversedItems.length
    }
}

我想要totalwishlistItems一个方法中的这些数据

methods : {
getPosts () {
      for (let i = 0; i < this.totalwishlistItems; i++) {
        this.posts.push({first: 'John',
          last: 'Doe',
          suffix: '#' + i})
      }
    }
}

如何在 Vue js 的方法中获取计算数据的值？

标签： vue.jsvuejs2vue-componentvuex

Answer 1

忽略相反的情况，这是处理存储数据和计算属性的方法。

computed: {
    items () {
        return this.$store.state.wishlist.items
    },
    itemCount () {
        // assuming this.$store.state.wishlist.items is array
        return this.items.length
    }
},
methods: {
    getPosts () {
        for (i = 1; i <= this.itemCount; i++) {
            this.posts.push({
                first: 'John',
                last: 'Doe',
                suffix: '#' + i
            })
        }
    }
}