如何使用 Vuejs 中的計算屬性設置匹配的數組值和條件？

Question

賞金將在 2 小時后到期。 此問題的答案有資格獲得+50聲望賞金。 Sundar正在尋找一個規范的答案。

 <div> <div v-for="box in boxes":key="box.id"> <BaseAccordian> <template v-slot:title>{{ box.name }}</template> <template v-slot:content> <div v-for="paint in paints":key="paint.id" class="line"> <div> <StatusComponent:box="box":paint="paint":matchingdata="matchingdata" /> <,--only status like ok,not, medium to be printed on line accordingly --> </div> </div> </template> </BaseAccordian> </div> </div>

如何在 Vuejs 中設置匹配的數組值？

在我的代碼中，我有 3 個 arrays 被稱為box、paints、matchingdata 。 通過使用那些 arrays，我想執行該功能。

單擊復選框后，目前我正在顯示一些與油漆數組相關的信息

所以我需要在這里設置匹配的數組值條件。

Answer 1

您想更新StatusComponent中的matchingdata數據嗎？ 這可以通過方法來完成。 vue 官方文檔https://v3.vuejs.org/guide/list.html#v-for-with-a-component中有相關示例。

Answer 2

你沒有在 Vuejs 中使用計算屬性設置匹配的數組值，你可以使用方法替換計算屬性