编程 Javascript

解决vue同一slot在组件中渲染多次的问题

Posted in Javascript onSeptember 06, 2018

Q：今天写公共组件的时候碰到一个奇葩的情况，slot内部需要再次调用slot,这就会导致同一slot在组件中渲染多次引发的bug

A：把把父组件需要传入的dom结构作为props属性传递给slotRender,保证出来的dom结构不相同（尽管它们都是同一vnode渲染出来的）

定义一个渲染slot的组件

子公共组件调用

解决vue同一slot在组件中渲染多次的问题

父公共组件调用

解决vue同一slot在组件中渲染多次的问题

以上这篇解决vue同一slot在组件中渲染多次的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

解决vue同一slot在组件中渲染多次的问题

- Author -

风翻火焰

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 定义function的三种方式小结

Oct 16 Javascript

用html5 js实现点击一个按钮达到浏览器全屏效果

May 28 Javascript

用js通过url传参把数据从一个页面传到另一个页面

Sep 01 Javascript

JavaScript事件类型中UI事件详解

Jan 14 Javascript

JavaScript基础——使用Canvas绘图

Nov 02 Javascript

js禁止浏览器的回退事件

Apr 20 Javascript

20170918 前端开发周报之JS前端开发必看

Sep 18 Javascript

Vue表单类的父子组件数据传递示例

May 03 Javascript

vue内置组件transition简单原理图文详解(小结)

Jul 12 Javascript

JavaScript实现数字前补“0”的五种方法示例

Jan 03 Javascript

微信小程序点餐系统开发常见问题汇总

Aug 06 Javascript

JavaScript实现复选框全选功能

Apr 11 Javascript

vue template中slot-scope/scope的使用方法

Sep 06 #Javascript

vue-cli 默认路由再子路由选中下的选中状态问题及解决代码

Sep 06 #Javascript

jQuery实现鼠标移入移出事件切换功能示例

Sep 06 #jQuery

Vue下拉框回显并默认选中随机问题

Sep 06 #Javascript

vue兄弟组件传递数据的实例

Sep 06 #Javascript

webpack4简单入门实例

Sep 06 #Javascript

jQuery实现动画、消失、显现、渐出、渐入效果示例

Sep 06 #jQuery