子组件修改父组件传过来的数据

一.父组件reactive定义一个对象为响应式数据,并绑定到子组件上,例如  

 <StuProps :name="'速度'" :age="'55'" :sex="'王子他爹'" :obj="obj" @update:obj="updateObj"/>
  const obj = reactive({
  key: 'test'
})

二.父组件定义一个修改数据的方法

function updateObj(params){
  obj.key = params
}
return{
  updateObj
}

三.子组件emit定义一个可触发的事件

 props: {
  
    obj:Object,     //接收父组件数据

   emits: ['update:obj'],      //定义组件可触发的事件
  setup(props,ctx){
    function onClick() {
      ctx.emit('update:obj','child')
    }
  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值