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

    插槽

    定义

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

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

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

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

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

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

    具名插槽

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

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

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

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

  • 相关阅读:
    HttpInvoker GET/POST方式
    maven命令
    java内存简单描述
    零零碎碎之SPU与SKU
    ZooKeeper的ACL权限
    ZooKeeper常用命令行操作
    Zookeeper基本数据模型
    ZooKeeper的安装及部署
    ZooKeeper原理及介绍
    Shell脚本编程(一)
  • 原文地址:https://www.cnblogs.com/limengyao/p/11754580.html
Copyright © 2011-2022 走看看