is 动态切换标签/组件

最后更新：2026-10-22

is 属性指定渲染哪个组件或原生标签；也用于原生元素切换（如 table 里换 tr/td）。

📝 语法

<component :is="current"></component>
<component is="strong">粗体文本</component>

props	组件名、组件定义对象或原生标签名字符串

修改下面的代码，在预览区实时查看效果：

输出：

第二行文字在「斜体/加粗」间切换（标签真的在变）。

ℹ️ 说明 is 必须配使用；单独写在普通元素上会被忽略。

💡 提示 动态表单字段、富文本节点渲染用它表达最自然。

⚠️ 注意 is 传原生标签字符串时不会创建组件：不要指望它触发组件逻辑。

更多案例即将上线。

Q 和 component 的关系？

A is 是它的属性：两者配合决定渲染目标。

Q 能渲染字符串标签吗？

A 能：is="span"/"h3" 等原生标签名直接生效。

Q 和 v-html 哪个合适？

A is 用于结构切换（仍在模板体系内）；v-html 用于整段 HTML 注入（有 XSS 风险）。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。