在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标记"

Vue.js相关问答推荐

VueJS不会呈现一个名为None的组件""

设置Vite Vue 3需要多个应用程序输出目录

如何在Vue 3中将动态特性从主零部件同步到子零部件

带 Bootstrap 的 Vue js,导航栏菜单不起作用

Vue 3 如何通过多个组件传递插槽

无需直接 DOM 操作即可绘制d3-axis

使用 jquery-chosen 插件更新 vuejs 模型值

Express.js + lint 出错

正确实现 Vue.js + DataTables

在基于 TypeScript 的 Vue 中将 vuex 状态和Mutations绑定到复选框组件属性

Nuxt & Vuetify:如何控制 CSS 文件的加载顺序?

如何从 .vue 文件中导出多个对象

全局禁用 vuetify 组件的涟漪效应

vue 在 v-model 之后执行 @click

为什么 v-model 不适用于数组和 v-for 循环?

在手动安装的 vue 组件中使用 vuex

根据路由动态插入 CSS 类到导航栏

如何使用vue.js/nuxt.js获取一个目录下的所有图片文件

如何在 Promise 回调中更新 Vue 应用程序或组件的属性?

Axios 捕获错误请求失败,状态码 404