zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    Day 18
    Day 17
    Day 16
    Day 15
    Day 14
    Day 13
    Day 12
    Day 11
    Day 10
    《ES6标准入门》(阮一峰)--2.let 和 const 命令
  • 原文地址:https://www.cnblogs.com/mmzuo-798/p/11936587.html
Copyright © 2011-2022 走看看