如何为vuejs中的每个插槽添加父项？

Question

我想为我的组件上的每个插槽添加父跨度，但它不起作用。

render(createElement) { 
    return createElement('div', this.$slots.default.map(vnode => createElement('span', vnode))); 
}, 

我想获取HTML像下面

<div> 
    <span><img /></span> 
    <span><img /></span> 
    <span><img /></span> 
</div> 

但最多我能得到什么这是

<div> 
    <span> 
    <img /> 
    <img /> 
    <img /> 
    </span> 
</div> 

如何解决？

Answer 1

试试这个。

render(h){ 
    return h("div", this.$slots.default.map(v => { 
    // eliminate returns, comments 
    if (!v.tag) 
     return v 

    return h('span', [v]) 
    })) 

Example。