vue同一solt在组件中渲染多次解决办法

slot

风翻火焰

7396人浏览 · 2017-07-04 16:32:57

风翻火焰 · 2017-07-04 16:32:57 发布

Q:今天写公共组件的时候碰到一个奇葩的情况，slot内部需要再次调用slot,这就会导致同一solt在组件中渲染多次引发的bug
A:把把父组件需要传入的dom结构作为props属性传递给slotRender,保证出来的dom结构不相同（尽管它们都是同一vnode渲染出来的）
这里写图片描述
定义一个渲染slot的组件
子公共组件调用

父公共组件调用

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^