博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue的插槽slot
阅读量:5098 次
发布时间:2019-06-13

本文共 549 字,大约阅读时间需要 1 分钟。

slot分为匿名插槽和具名插槽

1.匿名插槽

首先问一个问题:如果引用过来的子组件标签里有内容,那么怎么显示? 答:在子组件加个slot标签就可以了。所以可以说,slot标签是用于显示引用的子组件中的内容。

父组件引用子组件,子组件标签里,如果有内容,那么slot标签的内容不显示,如果子组件标签没有内容,那么就显示slot标签里的内容。

父组件:

子组件:

显示结果:

 

 

2.具名插槽

(1)父组件包含要显示的几部分内容,每部分内容加上一个slot属性。

   

这是s1

这是s2

(2)给插槽(slot标签)指定一个name属性

显示结果:

 

转载于:https://www.cnblogs.com/luguankun/p/10884405.html

你可能感兴趣的文章
20160115小记
查看>>
hdu 2526
查看>>
那些常用的git工具
查看>>
join()方法之我见
查看>>
希尔shell排序——java实现
查看>>
webService学习1----WSDL
查看>>
评估分类器性能的度量,像混淆矩阵、ROC、AUC等
查看>>
Scala - Spark Lambda“goesto“ => 分析
查看>>
mysql TIMESTAMPDIFF
查看>>
win7下docker环境搭建nginx+php-fpm+easyswoole+lavarel+mysql开发环境
查看>>
通过cmd查看环境变量名对应的环境变量值
查看>>
Python: 利用Python进行数据分析 学习记录
查看>>
python 零基础学习之路-06 常用模块
查看>>
[Lintcode]165. Merge Two Sorted Lists/[Leetcode]21. Merge Two Sorted Lists
查看>>
【ASP.NET 进阶】TreeView控件学习
查看>>
linux nfs配置
查看>>
【.Net Core】Assets file project.assets.json not found. Run a NuGet package restore
查看>>
mybatis框架
查看>>
自己的ORMapping
查看>>
Java线程:线程状态的转换(转)
查看>>