vue $slot基本用法

最新推荐文章于 2025-06-07 16:21:29 发布

转载最新推荐文章于 2025-06-07 16:21:29 发布 · 604 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fm060/p/7735759.html

文章标签：

#javascript #ViewUI

本文介绍了slot内容分发的一种实现方式，在没有特定内容传入时如何显示默认内容。通过具体的HTML示例解释了slot标签的作用及如何根据不同条件展示相应的内容。

slot内容分发

如果有first传入，下面first就被替换，如果没有first传入，则显示下面模块中的内容

<children> 
			<span slot="first">【12345】</span> 
		</children> 

<div><slot name='first'><button>【如果没有内容则显示我1】</button></slot>为了明确作用范围，<slot name='last'><button>【如果没有内容则显示我2】</button></slot>所以使用button标签</div>

转载于:https://www.cnblogs.com/fm060/p/7735759.html