vue3父组件prop子组件的值是异步获取的(toRefs)

toRefs函数的作用是将响应式对象中的所有属性转换为单独的响应式数据,对象成为普通对象,并且值是关联的。
    在这个过程中toRefs会做以下两件事:
        把一个响应式对象转换成普通对象
        对该普通对象的每个属性都做一次ref操作,这样每个属性都是响应式的
说明:
reactive 对象取出的所有属性值都是非响应式的,而利用 toRefs 可以将一个响应式 reactive 对象的所有原始属性转换为响应式的 ref 属性。
reactive的响应式功能是赋值给对象,如果展开对象,会让数丢失响应的能力
使用toRefs可以保证对象展开的每个属性都是响应式的
所以调用的时候要加上  .value
<el-form-item :label="item.value.itemName" v-for="item of formItemList" label-width="120px">
   <el-input v-model="item.value.itemColumn" placeholder="请输入" v-if="item.value.itemType == '1'"/>

  • 7
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值