使用v-model报错:子组件修改父组件的props

435 阅读1分钟

1、问题: image.png 2、原因: 这是由于在子组件中通过props获取了属性,并在html中使用了v-model导致的。vue传递属性时如果没有.sync修饰符,默认不允许在子组件中修改属性,而v-model也算是一种修改,所以报错

image.png 3、解决:

(1)将v-model改为:checked image.png (2)vue3中通过计算属性的API定义另一个属性

image.png image.png