牛骨文教育服务平台(让学习变的简单)
博文笔记

vue同一solt在组件中渲染多次解决办法

创建时间:2017-07-04 投稿人: 浏览次数:1370

Q:今天写公共组件的时候碰到一个奇葩的情况,slot内部需要再次调用slot,这就会导致同一solt在组件中渲染多次引发的bug
A:把把父组件需要传入的dom结构作为props属性传递给slotRender,保证出来的dom结构不相同(尽管它们都是同一vnode渲染出来的)
这里写图片描述
定义一个渲染slot的组件
子公共组件调用
这里写图片描述
这里写图片描述
父公共组件调用
这里写图片描述

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。