javascript - 基于条件的VueJS HTML元素类型

在Vue JS中，我可以
<h1 v-if="someCondition">MY TITLE</h1>
有没有一种方法可以使元素类型基于某种条件？

例如，基于someCondition，我希望标题为<h1>或<h2>。

我想我可以用

<template v-if="someCondition === 0">
  <h1>MY TITLE</h1>
</template>

<template v-if="someCondition === 1">
  <h2>MY TITLE</h2>
</template>

但是，有没有更简单的方式来编写此代码？

最佳答案

<component :is="'h'+someCondition">MY TITLE</component>

您的“someCondition”可以定义为props或data属性，并且其值可以从1到6，以防万一您只使用“H标签”