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:是子元素的一个方法,
子元素
父元素
仅仅给自己记录!