VueCompilerError:v-model 不能用于 v-for 或 v-slot 作用域变量,因为它们不可写。为什么?
<template>
<div v-for="service in services" :key="service.id">
<ServicesItem v-model="service"></ServicesItem >
</div>
</template>
<script lang="ts">
import ServicesItem from "@js/components/ServicesItem.vue"
export default defineComponent({
components: { ServicesItem },
setup() {
const services = ref([
{
id: 1,
name: "Service 1",
active: false,
types_cars: {
cars: {},
suv: {},
},
},
])
return {
services,
}
},
})
</script>
Run Code Online (Sandbox Code Playgroud)
最佳实践是什么?反应式对象传输