zoukankan      html  css  js  c++  java
  • vue-slot

    插槽

    定义

    是组件的一块html模板,这块模板显示与不显示以及怎样显示都由父组件来决定。

    插槽显示的位置由子组件自身来决定。

    插槽写在组件模板的什么位置,父组件传过来的模板就显示在什么位置。

    单个模板/默认模板/匿名模板

    1、可以放在任意位置,一个组件只能有一个该类型插槽。

    2、在子组件内使用特殊的<slot>元素就可以为这个子组件添加一个slot插槽,在父组件模版里,插入在子组件标签内的所有内容将替代子组件的<slot>标签以及他的内容。

    具名插槽

    1、没有对应值的其他内容会被放到子组件中没有添加name属性的slot中。

    2、可以在子组件的slot标签中写入内容,当父组件没有写入内容时,会显示子组件的默认内容;当父组件写入内容时,会替换子组件的默认内容。

    作用域插槽(带数据的插槽)

    父组件中使用slot-scope可以接收子组件传来的值

  • 相关阅读:
    SharePoint缓存配置
    修改默认的个人站点
    生成代码工具
    Ext 布局(layout)
    编程网站
    EXT 4.0 上传文件
    修改Ext grid 单元格
    Ext.tip.Tooltip 提示
    EXT iframe 应用
    EXT 4.0 TreeGrid 使用
  • 原文地址:https://www.cnblogs.com/limengyao/p/11754580.html
Copyright © 2011-2022 走看看