vue.js - 动态 html 标签（使用变量）

Question

我想知道是否有任何方法可以动态设置 html 元素的标签。例如

var element = "ol";

<{element}> some content </{element}>

Answer 1

更简单的方法是仅使用component元素，如下所示：

<component :is="elType">...</component>

只需将elType数据设置为您想要的任何类型的元素（即div等h1）

演示： https: //codesandbox.io/s/strange-kapitsa-zbtok? fontsize=14&hidenavigation=1&module=%2Fsrc%2FApp.vue&theme=dark