子组件，里面有slot插槽，并在slot上绑定了text值
<template>
<div>
<slot name="icon" :text="text"></slot>
</div>
</template>
<script>
export default{
data(){
return {
text:"我是子组件"
}
}
}
</script>
父组件通过slot-scope就可以拿到子组件slot上绑定的值，并且2.5.0版本可以用于任意元素上
<template>
<div id="app">
<car v-model="index">
<!-- 这里的 data 是个形参，可以随便写 -->
<div slot="icon" slot-scope="data">
{{data.text}}
</div>
</car>
</div>
</template>
这样，就可以拿到子组件里面的text值。
网友评论