vue slot-scope如何使用

时间:2026-02-16 17:18:42

1、1.通过一个例子来展示。

父组件代码:

vue slot-scope如何使用

2、2.子组件代码:

vue slot-scope如何使用

3、3.因为父组件在<child></child>里面写了html模板,那么子组件的匿名插槽这块模板就是下面这样。也就是说,子组件的匿名插槽被使用了,是被下面这块模板使用了。

vue slot-scope如何使用

4、4.最终的渲染效果:

vue slot-scope如何使用

5、5.具名插槽

父组件代码:

vue slot-scope如何使用

6、6.子组件代码:

vue slot-scope如何使用

7、7.显示结果如下图效果:

vue slot-scope如何使用

© 2026 指南经验网
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com