slot 插槽子组件向父组件传值

slot 插槽要实现子组件向父组件传值,则需要运用 作用域插槽

1、父组件中用 标签加上 slot-scoped 的属性,属性值随性。(旧版本是scope,vue新版本必须用slot-scope)

2、子组件中给 加上一个自定义属性,在父组件中的slot-scope就能接收这个自定义属性的值

//父组件
<template slot-scope="props" slot="append-operate">
       <p  >{{props.msg}} </p>
</template>
//子组件
 <slot name="append-operate"   msg="我是子组件的内容"></slot>
原文地址:https://www.cnblogs.com/mmzuo-798/p/11936587.html