vue 父子组件传值问题，赋值的时候出错

Question

父组件：

子组件：

export default {
  name:'checkboxCustom',
  props:{
    disabled : {
      type: Boolean
    }
  },
  setup(props){
    console.log(props.disabled);
    //默认为false
    let isDisabled = ref(false)
    isDisabled.value = props.disabled；///////////////////////这行提示出错
    console.log(isDisabled);

26:5 error Getting a value from the props in root scope of setup() will cause the value to lose reactivity vue/no-setup-props-destructure

Answer 1

你这个”isDisabled.value = props.disabled；///////////////////////这行提示出错“ 不对。
在执行setup函数的时候，传入的props还没生效呢。

你要是想操作传入的props，可以在onMonunted()里做。

import 'onMounted' from 'vue';

onMounted(()=>{
    isDisabled.value = props.disabled；///////////////////////这行提示出错

    console.log(isDisabled);
});