vue 利用slot向父组件传值
闲话不多说,上代码子组件,里面有slot插槽,并在slot上绑定了text值<template><div @click="$emit('change',checked+1)"><slot name="icon" :text="text"></
·
闲话不多说,上代码
子组件,里面有slot插槽,并在slot上绑定了text值
<template>
<div @click="$emit('change',checked+1)">
<slot name="icon" :text="text"></slot>
</div>
</template>
<script>
export default{
data(){
return {
text:"我是子组件"
}
},
props:["checked"],
model:{
prop: 'checked',
event: 'change'
}
}
</script>
父组件通过slot-scope就可以拿到子组件slot上绑定的值,并且2.5.0版本可以用于任意元素上
<template>
<div id="app">
<img src="./assets/logo.png">
<!--<router-view/>-->
<car v-model="index">
<div slot="icon" slot-scope="props">
{{props.text}}
</div>
</car>
</div>
</template>
这样,就可以拿到子组件里面的text值。更多推荐
已为社区贡献2条内容
所有评论(0)