<template> <div class="app-container"> <el-tabs v-model="activeName" class="demo-tabs"> <el-tab-pane label="能力分析" name="first"> <abilityAnalysis v-if="activeName == 'first'"></abilityAnalysis> </el-tab-pane> <el-tab-pane label="能力效果对比" name="second"> <outcomeEvaluation v-if="activeName == 'second'"></outcomeEvaluation> </el-tab-pane> <el-tab-pane label="数据优化成果评价" name="third"> <repaircontrast v-if="activeName == 'third'"></repaircontrast> </el-tab-pane> </el-tabs> </div> </template> <script setup name="repairdata"> import abilityAnalysis from './abilityAnalysis'; //能力分析 import outcomeEvaluation from './outcomeEvaluation'; //能力效果对比 import repaircontrast from './repaircontrast'; //数据优化成果评价 const { proxy } = getCurrentInstance(); const activeName = ref('first'); const data = reactive({ form: {}, }); const { form } = toRefs(data); </script> <style lang="scss" scoped></style>