编程 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实现继承机制之构造函数+原型链混合方式的使用详解

May 07 Javascript

JS控制文本框textarea输入字数限制的方法

Jun 17 Javascript

深入理解JavaScript系列（18）：面向对象编程之ECMAScript实现

Mar 05 Javascript

深入理解JavaScript函数参数(推荐)

Jul 26 Javascript

jQuery中get方法用法分析

Dec 07 Javascript

bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能

Feb 17 Javascript

微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法

Dec 14 Javascript

JS实现的汉字与Unicode码相互转化功能分析

May 25 Javascript

vue基础之模板和过滤器用法实例分析

Mar 12 Javascript

react-native滑动吸顶效果的实现过程

Jun 03 Javascript

vue element upload实现图片本地预览

Aug 20 Javascript

Vue+ElementUI使用vue-pdf实现预览功能

Nov 26 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

You might like

天津市收音机工业发展史

2021/03/04 无线电

PHP基于接口技术实现简单的多态应用完整实例

2017/04/26 PHP

jquery事件重复绑定的快速解决方法

2014/01/03 Javascript

简化版手机端照片预览组件

2015/04/13 Javascript

js实现表单Radio切换效果的方法

2015/08/17 Javascript

jQuery prototype冲突的2种解决方法(附demo示例下载)

2016/01/21 Javascript

js判断某个字符出现的次数的简单实例

2016/06/03 Javascript

批量下载对路网图片并生成html的实现方法

2016/06/07 Javascript

JavaScript变量类型以及变量作用域详解

2017/08/14 Javascript

Swiper自定义分页器使用详解

2017/12/28 Javascript

详解React开发必不可少的eslint配置

2018/02/05 Javascript

JS div匀速移动动画与变速移动动画代码实例

2019/03/26 Javascript

Nuxt项目支持eslint+pritter+typescript的实现

2019/05/20 Javascript

Node.js使用MongoDB的ObjectId作为查询条件的方法

2019/09/10 Javascript

[01:39]2014DOTA2国际邀请赛 Newbee经理CU专访队伍火力全开

2014/07/15 DOTA

[04:19]DOTA2亚洲邀请赛现场花絮

2015/03/11 DOTA

[06:07]DOTA2-DPC中国联赛正赛 Ehome vs VG 选手采访

2021/03/11 DOTA

总结Python中逻辑运算符的使用

2015/05/13 Python

解决python大批量读写.doc文件的问题

2018/05/08 Python

python 将列表中的字符串连接成一个长路径的方法

2018/10/23 Python

Django 实现xadmin后台菜单改为中文

2019/11/15 Python

python基于三阶贝塞尔曲线的数据平滑算法

2019/12/27 Python

pycharm Tab键设置成4个空格的操作

2021/02/26 Python

伯利陶器：Burleigh Pottery

2018/01/03 全球购物

洛佩桑酒店官方网站：Lopesan Hotels

2019/04/15 全球购物

门卫岗位职责

2013/11/15 职场文书

小学毕业家长寄语

2014/01/19 职场文书

最新结婚典礼主持词

2014/03/14 职场文书

爱之链教学反思

2014/04/30 职场文书

给学校的建议书范文

2014/05/15 职场文书

“四风”问题对照检查材料思想汇报

2014/09/16 职场文书

销售经理助理岗位职责

2015/04/13 职场文书

总结会主持词

2015/07/02 职场文书

Python基础详解之邮件处理

2021/04/28 Python

Linux安装apache服务器的配置过程

2021/11/27 Servers

Oracle删除归档日志及添加定时任务

2022/06/28 Oracle