【Vue】组件 - 插槽默认值

作者: 德育处主任 | 来源:发表于2019-03-08 19:31 被阅读3次
微信订阅号:Rabbit_svip


基础知识

【Vue】组件 - 插槽的基本用法

【Vue】组件 - 多个插槽


微信订阅号:Rabbit_svip

子组件里,在<slot>里写上默认的内容。

在父级中如果没有对应的内容传给指定的插槽,那么子组件就会使用插槽里默认的内容。

如果父级组件有内容传给子组件中对应的插槽,那么传过来的内容就会把子组件里插槽的默认内容覆盖掉。

相关文章

  • 插槽

    ### 认识插槽 插槽:如果局部组件中有使用slot标标签的在父组件内可改变其值 ### 插槽默认值 如果设置插槽...

  • 【Vue】组件 - 插槽默认值

    基础知识 【Vue】组件 - 插槽的基本用法 【Vue】组件 - 多个插槽 子组件里,在 里写上默认的内容。 在父...

  • vue插槽slot

    -具名插槽 子组件Demo.vue 引用子组件的页面 -作用域插槽 子组件Demo.vue 引用子组件的页面

  • Vue 插槽

    1.插槽的简单使用 在组件中声明一个插槽 使用组件时 可以替换插槽 如果不替换插槽就使用默认值 2.具名...

  • 【Vue】slot和slot-scope

    官方文档 即插槽,插槽定义在子组件内,是组件的一块HTML模板,可以在子组件内设置默认值,也可以在父组件内定义插槽...

  • 2020-07-23 一次性讲明白vue插槽slot

    vue插槽slot 一、前言 vue官方文档中在"组件基础"内容中提到组件可以通过插槽分发内容,那插槽是怎么使用的...

  • vue插槽slot

    vue插槽slot 一、前言 vue官方文档中在"组件基础"内容中提到组件可以通过插槽分发内容,那插槽是怎么使用的...

  • Vue总结4-插槽,Vuex,VueRouter

    1.插槽 1.1匿名插槽 52-Vue组件-匿名插槽 ...

  • Vue插槽

    Vue 插槽 插槽用于向组件传递内容,插槽内可以包含任何模板代码,包括 HTML,甚至组件。如果 组件 没有包含一...

  • 插槽v-slot

    父子组件插槽的使用 父组件product.vue 子组件 ProductParam.vue

网友评论

    本文标题:【Vue】组件 - 插槽默认值

    本文链接:https://www.haomeiwen.com/subject/dhedpqtx.html