0
点赞
收藏
分享

微信扫一扫

vue动态组件

彭维盛 2022-03-17 阅读 50

原始样式

import UserName from '@/components/UserName.vue'
import UserInfo from '@/components/UserInfo.vue'
components:{
  UserInfo,
  UserName
},
<UserName></UserName>
<UserInfo></UserInfo>

动态组件样式

import UserName from '@/components/UserName.vue'
import UserInfo from '@/components/UserInfo.vue'
components:{
  UserInfo,
  UserName
},
data () {
  return {
    comName:'UserName'
  }
}
<component :is='comName'></component>
<h1>1、动态dynamic组件使用</h1>
<button @click="comName='UserName'">账号密码填写</button>
<button @click="comName='UserInfo'">个人信息填写</button>
举报

相关推荐

0 条评论