Vue.js 更改Vue组件中呈现的HTML标记

我想知道是否可以允许用户决定在VueJS组件中呈现哪个html标记

例如，假设我们有

一些文本

我希望能够有一个名为tag的属性，它将确定呈现哪个html标记。例如：

<my-component tag='a' href="http://some-url.com">Some Text</my-component>  

一些文本

将提交给：

<a href="http://some-url.com">Some Text</my-component>

<div>Some Text</my-component>

一些文本

以及：

一些文本

将提交给：

<a href="http://some-url.com">Some Text</my-component>

<div>Some Text</my-component>

一些文本

对于

h1-h6、p、span

和其他标记，依此类推

有什么想法吗

---

谢谢。

当然，您可以使用、使用和。您所描述的只是以一种有点奇怪的方式编写HTML，但以下是您可能的做法：

newvue({
el:“#应用程序”，
组成部分：{
myComponent：{
道具：['tag'，'attributes']，
渲染（createElement）{
返回createElement（this.tag | |'div'，{attrs:this.attributes |{}，this.$slots.default）；
}
}
}
});

标题
谷歌链接
默认值为div
谢谢您的帮助。