如果要实现两个组件之间的切换
<component :is<组件名称>></component>
<template>
<div>
<div v-for="(item, index) in componentList" :key="index">
<div @click="componentChange(item.name)"></div>
</div>
<component :is="componentExample"></component>
</div>
</template>
<script>
import 'one' from './one'
import 'two' from './two'
export default {
name:'',
data () {
return {
componentExample: 'one',
componentList: [
{
name: 'one'
},
{
name: 'two'
}
]
}
},
created () {
},
methods: {
componentChange(name){
this.componentExample = name
}
}
}
</script>
<style scoped lang='less'>
</style>
component实现组件切换
最新推荐文章于 2022-10-20 19:50:03 发布