vue 组件切换

绿茶程序媛

于 2019-12-22 23:06:16 发布

阅读量101

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_43137725/article/details/103658365

版权

vue 专栏收录该内容

22 篇文章

订阅专栏

本文介绍在Vue中如何使用is属性实现动态组件切换，通过点击按钮改变当前显示的组件，涉及myCom1和myCom两个组件的动态加载和切换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

is属性

有组件 myCom1 和 myCom

<div id="app">
    <input type="button" @click="changeIt">
    <component :is="name"></component>
</div>

 changeIt() {
    this.name= this.name == 'myCom' ? 'myCom1' : 'myCom';
 }