编程 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 相关文章推荐

jquery 扑捉回车键事件代码

Apr 24 Javascript

js事件监听机制(事件捕获)总结

Aug 08 Javascript

js数组的基本操作(很全自己整理的)

Oct 16 Javascript

微信小程序开发（二）图片上传+服务端接收详解

Jan 11 Javascript

详解node.js搭建代理服务器请求数据

Apr 08 Javascript

JavaScript实现鼠标滚轮控制页面图片切换功能示例

Oct 14 Javascript

Bootstrap图片轮播效果详解

Oct 17 Javascript

微信小程序学习笔记之函数定义、页面渲染图文详解

Mar 28 Javascript

微信小程序如何使用云开发

May 17 Javascript

150行Node.js实现的dns代理工具

Aug 02 Javascript

vue中js判断长时间不操作界面自动退出登录(推荐)

Jan 22 Javascript

浅谈vue中使用编辑器vue-quill-editor踩过的坑

Aug 03 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

虚拟主机中对PHP的特殊设置

2006/10/09 PHP

PHP新手上路（四）

2006/10/09 PHP

Docker 如何布置PHP开发环境

2016/06/21 PHP

Laravel4中的Validator验证扩展用法详解

2016/07/26 PHP

php-fpm服务启动脚本的方法

2018/04/27 PHP

php实现通过stomp协议连接ActiveMQ操作示例

2020/02/23 PHP

js控制容器隐藏出现防止样式变化的两种方法

2014/04/25 Javascript

JavaScript与HTML的结合方法详解

2015/11/23 Javascript

jQuery-1.9.1源码分析系列（十一）DOM操作续之克隆节点

2015/12/01 Javascript

Angularjs 制作购物车功能实例代码

2016/09/14 Javascript

Bootstrap 实现查询的完美方法

2016/10/26 Javascript

nodejs个人博客开发第六步数据分页

2017/04/12 NodeJs

老生常谈angularjs中的$state.go

2017/04/24 Javascript

详解vue-cli官方脚手架配置

2018/07/20 Javascript

element-ui 中的table的列隐藏问题解决

2018/08/24 Javascript

解决js相同的正则多次调用test()返回的值却不同的问题

2018/10/10 Javascript

值得收藏的八个常用的js正则表达式

2018/10/19 Javascript

JS+canvas画布实现炫酷的旋转星空效果示例

2019/02/13 Javascript

vue之组件内监控$store中定义变量的变化详解

2019/11/08 Javascript

jQuery实现手风琴效果（蒙版）

2020/01/11 jQuery

[46:43]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第三局

2016/02/28 DOTA

python实现封装得到virustotal扫描结果

2014/10/05 Python

Python设计模式中单例模式的实现及在Tornado中的应用

2016/03/02 Python

python 实现控制鼠标键盘

2020/11/27 Python

ProBikeKit澳大利亚：自行车套件，跑步和铁人三项装备

2016/11/30 全球购物

极度干燥澳大利亚官方网站：Superdry澳大利亚

2019/03/28 全球购物

公共汽车、火车和飞机票的通用在线预订和销售平台：INFOBUS

2019/11/30 全球购物

警察思想汇报

2014/01/04 职场文书

护士思想汇报

2014/01/12 职场文书

家长给老师的道歉信

2014/01/13 职场文书

补充协议书

2015/01/28 职场文书

家长对学校的意见和建议

2015/06/03 职场文书

母亲节感言

2015/08/03 职场文书

六年级作文之家庭作文

2019/12/12 职场文书

Python爬虫框架之Scrapy中Spider的用法

2021/06/28 Python

MySQL选择合适的备份策略和备份工具

2022/06/01 MySQL