当前位置：移动技术网 > IT编程>脚本编程>vue.js > 解决vue同一slot在组件中渲染多次的问题

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

2019年06月03日 | 移动技术网IT编程 | 我要评论

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

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

定义一个渲染slot的组件

子公共组件调用

父公共组件调用

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

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

蒲公英 · JELLY技术周刊 Vol.14: Vue 3 新特性详解

2020 年真的是灾祸频发，但是在各类前端框架上，依旧是在稳步的推进。近日 Vue 团队更新了关于 Vue 3 ... [阅读全文]
Vue学习笔记（二）

1 插值操作1.1 Mustache语法Mustache ：双大括号 {{}}<!DOCTYPE html... [阅读全文]
数据库的高可用

数据库的高可用1. 什么是数据库的高可用当其中有一台数据库出现宕机之后,用户依然可以正确的访问数据库,而不受任何... [阅读全文]
谈谈我对服务端渲染的理解（SSR）

1.首先需要知道服务端渲染的定义以及优缺点服务端渲染的定义：　　前端页面都是后端将html拼接好，然后将它返... [阅读全文]
keepalived+haproxy+mycat+mysql高可用搭建配制

mysql双主同步配置：mysql1服务器的my.cnf配置：server-id=1log_bin=bin_lo... [阅读全文]
荐一道腾讯面试题竟引发我与好友两人争执不下

事情经过下班坐地铁的时候，好友突然给我发过来一条微信：这道题是这样：咱们软件开发不是经常不是有版本号吗？比如经典... [阅读全文]
React中遍历多个数据tr，td

1，根据后台返回的数据来遍历table中的tr，td分析：后台返回的数据类型：[ {time: "05-28",... [阅读全文]
vue中子组件的created、mounted生命周期钩子中获取不到props中的值问题

父子组件通信这个很简单，父组件中使用v-bind绑定传送，子组件使用props接收即可。例如：在父组件中<... [阅读全文]
vue之分片、断点上传

哎呀哎呀~~~ 这分片、断点折腾了我四天的时间才搞定。首先分析一篇文章。https://www.cnblogs... [阅读全文]
Vue列表中，如何实现多选？

首先看一下html列表:第一步：写html结构时，需要将选中的状态写好，当div的class是checked-i... [阅读全文]

网友评论


验证码：

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

2019年06月03日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论