关于vue的子组件修改父组件传过来的值


关于vue的子组件修改父组件传过来的值

1. 假设父组件向子组件传过来的方式是这样的:

 
  • 在子组件中像这样接收和更改:
  接收:
      prop:{
        name:{
          type:string,
          default:''
        }  
      }
  更改:
      this.$emit('name','imChild')

2. 假设父组件向子组件传过来的方式是这样的:

 
  • 在子组件中像这样更改:
  接收:
      prop:{
        disabled:{
          type:boolean,
          default:false
        }  
      }
  更改:
      this.$emit('update:disabled',true)

3. 假设父组件向子组件传过来的方式是这样的:

 
  • 则在子组件中这样接收:
接收:
    prop:{
      value:{
        type:string,
        default:''
      }  
    }
更改:
    this.$emit('value','imChild')
vue