2 回答

TA貢獻2016條經驗 獲得超9個贊
可能有一個computed道具適合您(檢查 ID/課程名稱交集)
const mainVue = new Vue({
el: '#mainContent',
data: {
myCourses: [{Course: "A"}, {Course: "B"}],
allCourses: [{Course: "A"}, {Course: "B"}, {Course: "C"}, {Course: "A"}],
},
computed: {
allCoursesCounts() {
return this.allCourses.reduce((acc, { Course }) => {
acc[Course] = (acc[Course] || 0) + 1
return acc
}, {})
},
subscribedTo() {
const allCoursesCounts = this.allCoursesCounts
return this.myCourses.map(({ Course }) => ({
courseName: Course,
amountOfUsers: allCoursesCounts[Course] || 0,
}))
}
}
});
<div id="mainContent">
<div v-for="({ courseName, amountOfUsers }) of subscribedTo" :key='courseName'>
<span>Course {{ courseName }} - {{ amountOfUsers }}</span>
</div>
</div>

TA貢獻2019條經驗 獲得超9個贊
您想要過濾 myCourses 中出現的所有課程
allCourses.filter(course => {
return myCourses.find(m => {
return m.Course === course.Course
})
}).length
添加回答
舉報