Vue组件slot的用法

来源:互联网 发布:qq游戏大厅hd网络异常 编辑:程序博客网 时间:2024/04/27 13:49

Vue组件slot的用法

1.html代码:
这里写图片描述
2.父组件html代码:
这里写图片描述
3.网页显示的结果:
这里写图片描述
4.将父组件中的p标签去掉,网页显示结果为下图:
这里写图片描述

slot 标签中的内容只有当位置没有被其他标签占时,才显示出来

0 0