Question

<template>
  child-component(
    v-for="item in items"
    :item="item"
  )
</template>

<script>
  data() {
    return {
      items: [],
      valueFromApi: null,
    }
  },
  computed: {
    someCompProp() { return val // math based on valueFromApi }
  },
  created: {
    setInterval(() => { // make api call and set valueFromApi }, 2000)
    this.createItems();
  },
  methods: {
    createItems() {
      // ...someActions
      formedItems.forEach((item) => {
        this.items.push({
          ...item,
          someValue: this.someCompProp,
        })
      })
      this.items.push(item)
    },
    apiCall() {
      // store result to valueFromApi
    }
</script>

现在它没有反应。我只能通过像独立属性这样的计算道具才能达到反应性。可以在子道具someCompProp obj中对计算属性item进行反应吗？

Answer 1

好吧，完成了，我只是将计算的prop返回到someValue中。 someValue: () => this.someCompProp,

如何将包含计算属性的对象传递给子对象？

1 个答案: