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

JScript中使用ADODB.Stream判断文件编码的代码

Jun 09 Javascript

两种WEB下的模态对话框（asp.net或js的分别实现）

Dec 02 Javascript

JavaScript中setInterval的用法总结

Nov 20 Javascript

js 赋值包含单引号双引号问题的解决方法

Feb 26 Javascript

javaScript基础语法介绍

Feb 28 Javascript

jQuery的remove()方法使用详解

Aug 11 Javascript

用JavaScript获取页面文档内容的实现代码

Jun 10 Javascript

javascript DOM的详解及实例代码

Mar 06 Javascript

AngularJS之ionic 框架下实现 Localstorage本地存储

Apr 22 Javascript

SpringMVC简单整合Angular2的示例

Jul 31 Javascript

使用JS实现气泡跟随鼠标移动的动画效果

Sep 16 Javascript

Vue中插入HTML代码的方法

Sep 21 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 get_meta_tags()函数

2014/05/12 PHP

thinkphp在模型中自动完成session赋值示例代码

2014/09/09 PHP

PHP邮件发送类PHPMailer用法实例详解

2014/09/22 PHP

解决form中action属性后面?传递参数获取不到的问题

2017/07/21 PHP

服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu

2007/03/06 Javascript

jQuery 核心函数以及jQuery对象

2010/03/23 Javascript

Javascript处理DOM元素事件实现代码

2012/05/23 Javascript

用js实现小球的自由移动代码

2013/04/22 Javascript

在Iframe中获取父窗口中表单的值(示例代码)

2013/11/22 Javascript

Ajax跨域实现代码(后台jsp)

2017/01/21 Javascript

jQuery实现获取h1-h6标题元素值的方法

2017/03/06 Javascript

js判断PC端与移动端跳转

2020/12/24 Javascript

Node.js REPL (交互式解释器)实例详解

2017/08/06 Javascript

JavaScript设计模式之调停者模式实例详解

2018/02/03 Javascript

从0到1构建vueSSR项目之node以及vue-cli3的配置

2019/03/07 Javascript

解决layer.prompt无效的问题

2019/09/24 Javascript

layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法

2019/09/25 Javascript

vue 路由懒加载中给 Webpack Chunks 命名的方法

2020/04/24 Javascript

JavaScript禁止右击保存图片,禁止拖拽图片的实现代码

2020/04/28 Javascript

浅谈Ant Design Pro 菜单自定义 icon

2020/11/17 Javascript

[00:12]2018DOTA2亚洲邀请赛 Somnus丶M出阵单挑

2018/04/06 DOTA

python3.6+django2.0开发一套学员管理系统

2018/03/03 Python

python 实现A*算法的示例代码

2018/08/13 Python

Python实现的特征提取操作示例

2018/12/03 Python

python获取当前文件路径以及父文件路径的方法

2019/07/10 Python

python调用函数、类和文件操作简单实例总结

2019/11/29 Python

自定义Django默认的sitemap站点地图样式

2020/03/04 Python

基于Python的Jenkins的二次开发操作

2020/05/12 Python

expedia比利时：预订航班+酒店并省钱

2018/07/13 全球购物

怎样让char类型的东西转换成int类型

2013/12/09 面试题

幼教求职信

2014/03/12 职场文书

语文教育专业求职信

2014/06/28 职场文书

2014年单位工作总结范文

2014/11/27 职场文书

django上传文件的三种方式

2021/04/29 Python

HTML基础详解(上)

2021/10/16 HTML / CSS

利用Python多线程实现图片下载器

2022/03/25 Python