这个官方居然没有提示,只能自己摸索。网上好多就是建立多个
<script>
</script>
<script setup>
</script>
组件弄到<script>😭。实在难以接受,不完美。
现在
请这样更改代码
<script setup>
import {defineComponent, ref} from "vue";
import userManger from './userManger.vue'
import rightsManagement from './rightsManagement.vue'
let rightComponentsName = ref(userManger)
function itemClick(index) {
let itemParam = {0:userManger,1:rightsManagement}
rightComponentsName.value = itemParam[index]
}
</script>
虚拟dom正常写:
<component :is="rightComponentsName"></component>
一切自己摸索感受。