解决vue同一slot在组件中渲染多次的问题
2018-09-06 10:50
801 查看
Q:今天写公共组件的时候碰到一个奇葩的情况,slot内部需要再次调用slot,这就会导致同一slot在组件中渲染多次引发的bug
A:把把父组件需要传入的dom结构作为props属性传递给slotRender,保证出来的dom结构不相同(尽管它们都是同一vnode渲染出来的)
定义一个渲染slot的组件
子公共组件调用
父公共组件调用
以上这篇解决vue同一slot在组件中渲染多次的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue同一solt在组件中渲染多次解决办法
- MarkdownPad2中文破解版下载安装,并解决HTML渲染组件出错的问题
- 解决ionic 上拉加载组件 ion-infinite-scroll自动调用多次的问题或禁止第一次加载
- vue2.0 axios跨域并渲染问题解决
- vue 后台数据获取与组件渲染、页面刷新数据消失的问题小结
- vue2.0 axios跨域并渲染的问题解决方法
- 解决vue数组中对象属性变化页面不渲染问题
- 基于vue 添加axios组件,解决post传参数为null的问题
- 解决ionic 上拉加载组件 ion-infinite-scroll自动调用多次的问题
- vue+iview 当v-for不渲染问题 因为遇到Modal组件
- 解决vue.js 数据渲染成功仍报错的问题
- vue渲染时闪烁{{}}的问题及解决方法
- vue 解决循环引用组件报错的问题
- 解决ionic 上拉加载组件 ion-infinite-scroll自动调用多次的问题或禁止第一次加载
- 解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法
- 解决vue 中 echart 在子组件中只显示一次的问题
- 解决vue组件中使用v-for出现告警问题及v for指令介绍
- vue组件中的样式属性:scoped,解决在父组件中无法修改子组件样式问题
- 解决 vue component(组件)里面每个.vue文件的style互相影响的问题
- 解决ios微信下vue项目组件切换并自动播放音频问题