vue3报错 Unexpected mutation of “xxx“ prop.(eslintvue/no-mutating-props)

父组件传值给子组件后，子组件接收

**

 * 定义组件属性类型

 */

interface Props {

  v: string;

}

/**

 * 给组件指定初始值

 */

const props = withDefaults(defineProps<Props>(), {

  v: () => "",

});

但是如果这时候子组件使用v-model双向绑定pros.v就会报错：

Unexpected mutation of “xxx“ prop.(eslintvue/no-mutating-props)

 

这是因为子组件不能双向绑定父组件传过来的值，因此我们可以通过计算属性将父组件传过来的值进行计算，避免报错：

const deil = computed(() => {

  return props.v;

});