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>

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-10-22
  • 2022-12-23
  • 2021-10-23
  • 2022-03-09
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-04-13
  • 2021-08-28
  • 2022-12-23
  • 2021-10-28
  • 2022-01-15
  • 2022-12-23
相关资源
相似解决方案