插槽向父组件传值
子组件:
<template>
<div>
<slot name="test" :te='text' :te1='text1'></slot>
</div>
</template>
<script>
export default {
props: [
'text',
'text1'
],
data () {
return {}
},
}
</script>
父组件:
<template>
<test text='text' text1='text1'>
<!--方式一接收值 -->
<template #test="{te:te ,te1:te1}">
{{te}}
{{te1}}
</template>
<!--方式二接收值 dat随意命名 -->
<template slot='test' slot-scope="dat">
{{dat.te}}
{{dat.te1}}
</template>
</test>
</div>
</template>