將對象數組傳遞給 Vue 規范中的數據 object

Question

我正在為我的 vue 組件編寫規范，並且必須將值傳遞給組件中定義的數據 object 我這樣傳遞它， wrapper.vm.organizations = [{"id":2,"company_name":"google","user_count":0}]

但是在我的組件中它變得未定義，並且在 console.log 這就是我得到的，

[
      {
        id: [Getter/Setter],
        company_name: [Getter/Setter],
        user_count: [Getter/Setter]
      }
]

如何正確傳遞值？

Answer 1

object 的數據屬性表示其內部 state 嘗試從外部分配值有點奇怪。

我建議使用屬性（道具）。 道具是從外部發送到組件的值。

如果屬性對您不起作用，那么您可以在組件中創建一個方法，該方法將接收您的新值並將這些值分配給內部數據。 從外部而不是直接分配值，您將調用一個方法來執行此操作。

Answer 2

Vue 3 將響應式數據包裝在代理中。 因此，您的數據可能看起來像這樣，帶有 getter 和 setter。

試試console.log(JSON.stringify(YOUR_ARRAY))看看你的數據是否符合預期。

您沒有提供足夠的代碼來准確了解您的數據undefined的原因，以及您期望它在哪里可用。

請記住，應該在子組件中使用this.$props.PROPNAME訪問道具。