为组件创建可变容器

Question

我开发组件，但是我需要，有什么可以改变组件容器的标签名。像这样：

<my-component tagName="section"></my-component>

渲染到

<section>... my inner component tags ...</section>

怎么做？我阅读了 render() 和功能组件，但使用

创建组件模板

render(createEl, ctx){
    return createEl(ctx.props.tagName, [createEl('div', [...])])
}

...看起来很糟糕和不舒服。

编辑： 是这样的： http://jsbin.com/qozawiwumi/edit?html,output

Answer 1

我决定这个问题，使用 is="" 和 this.$vnode.data.tag 来渲染自定义组件包装器。 https://jsbin.com/gifesom/edit?html,output

Create changeable container for component