refs组件传值,slot组件使用正确方式(插槽),异步更新Dom元素后的操作,

refs组件传值

根据组件的name属性进行传值,根据最新版vue5.0,slot-scope格式,已经改变,更换以下格式:

然后在页面组件中使用, 这样使用userdata就可以获取到值了!

	《template #userInfo="{data}" 》
	<div>{{data}}</div>
	</template>

上面虽然是可以使用了,不过在IE里这个是有bug的,在手机移动端这样写的话在IE 浏览器可能存在不兼容! 所以就要像官网一样! 可以参考官网也可以参照一下梨子!

组件定义的值还是像上面那样写,不过在页面调用的时候就需要换一个方式 ,slot传参 里面的参数值可以随便定义,然后在进行获取里面组件的元素,这样就可以解决在ie显示不出来的问题了!

	<template v-slot:userInfo="{ appisou}">
	<div>{{appisou.userdata}}</div>
	</template>
子组件传父组件调用传回调函数,可用于某种场景 需要父元素进行计算的一些值 可以通过 子元素的callback方法返回 this.$emit(‘befoterClick’, {type: ‘start’,callback: this.rotoreAction, }) , rotoreAction:是子元素的一个方法,

子元素

在这里插入图片描述

父元素

在这里插入图片描述

仅仅给自己记录!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值