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


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

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

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

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

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

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

 <child v-model="myName"></child>
  • 则在子组件中这样接收:
接收:
    prop:{
      value:{
        type:string,
        default:''
      }  
    }
更改:
    this.$emit('value','imChild')


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM