如何为 vuejs 中的每个插槽添加父级？答案

【问题标题】：How add parent for each slots in vuejs?如何为 vuejs 中的每个插槽添加父级？
【发布时间】：2017-10-05 16:43:31
【问题描述】：

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

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>

如何解决？

【问题讨论】：

标签： vue.js vuejs2

【解决方案1】：

试试这个。

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

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

Example.

【讨论】：