Vue3计算属性运用到购物车全选（前端版）

html

• {{ item.name }}
• 全选

js
let list=ref([
{id:1,name:'商品1',type:false},
{id:2,name:'商品2',type:false},
{id:3,name:'商品3',type:false},
{id:4,name:'商品4',type:false},
{id:5,name:'商品5',type:false},
])
// 可读可写的计算属性
let listtype = computed({
get() {
return list.value.every(item => item.type)
},
set(val) {
console.log(val);
list.value.map(item => item.type = val)
}
})