vue.js - 如何使用 Vue 2 创建基于 Prop 的动态标签

Question

我怎样才能制作一个类似于 vue-router router-link 的组件，我可以通过 props 获取标签来渲染我的模板？

<my-component tag="ul">
</my-component>

将呈现:

<ul>
  anything inside my-component
</ul>

Answer 1

您可以像这样使用内置的 component 元素:

<component is="ul" class="foo" style="color:red">
  anything inside component
</component>

参见:https://v2.vuejs.org/v2/guide/components.html#Dynamic-Components