Q:今天写公共组件的时候碰到一个奇葩的情况,slot内部需要再次调用slot,这就会导致同一slot在组件中渲染多次引发的bug
A:把把父组件需要传入的dom结构作为props属性传递给slotRender,保证出来的dom结构不相同(尽管它们都是同一vnode渲染出来的)
定义一个渲染slot的组件
子公共组件调用
父公共组件调用
以上这篇解决vue同一slot在组件中渲染多次的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持北冥有鱼。
您可能感兴趣的文章:
- Vuejs第十一篇组件之slot内容分发实例详解
- vue 组件中slot插口的具体用法
- Vue.js中组件中的slot实例详解
- vue中父子组件注意事项,传值及slot应用技巧
- 详解Vue学习笔记入门篇之组件的内容分发(slot)
- vue slot 在子组件中显示父组件传递的模板
- vue组件详解之使用slot分发内容
- Vue组件中slot的用法
- 使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)
- vue组件化中slot的基本使用方法