小编Gor*_*yyn的帖子

v-model 不能在 v-for 上使用

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)

最佳实践是什么?反应式对象传输

eslint vuejs3

15
推荐指数
1
解决办法
1万
查看次数

标签 统计

eslint ×1

vuejs3 ×1