关于slot 以及-slot的基本使用，官方文档已经有了详细的介绍：点击这里查看，这里就不复述了。
但是在实际的使用过程中，常常会出现外部组件内容需要多级嵌套传递到目标组件，那么slot可以如何实现呢？
现在假设有A，B，C三个组件，层级关系为A>B>C(爷爷，父亲，儿子)
C:
B:
A:
其他扩展用法跟此类似
如果你想传递一个slot，从爷到孙的传递， 看了网上的一些方案，依赖注入都来了，其实没那么麻烦
最顶层组件，插入一个按钮到 slot name为 btn的 插槽里面，Button接收一个row的参数，参数可能有多个，这里 用了 { row } 只取 row
在中间组件，这里把插入一个 插槽 插入到 slot name为 btn的 插槽里面，它接收一个 row的参数， 从 v-slot:btn / #btn 里面来的
slot的参数传递是从下往上的,通过 #btn=“xxx” xxx来接收
最底层组件，仅有一个插槽，向上传递 item的值 为 row的参数。
以上。
从顶层组件插入的Button组件，就能获取到最底层组件传递过来的值，Vue3本身就支持这种 slot 跨层传递，不需要那些额外的骚操作 XD
topComponenttemplate #btnButton rowtemplatetopComponent到此这篇vue插槽多级传递（vue中的插槽的作用）的文章就介绍到这了,更多相关内容请继续浏览下面的相关 推荐文章，希望大家都能在编程的领域有一番成就！
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/33288.html