使用依赖注入

guonan

2025-04-15 c62099b5f8753bee49c3fca630e9757b7682a6c1

 src/views/left/Simulation.vue

@@ -7,13 +7,16 @@
    @tab-click="handleClick"
  >
    <el-tab-pane label="行政区划仿真" name="first"
      ><city-sim :clickValue="clickValue" @start="start" @end="end"
    /></el-tab-pane>
    <el-tab-pane label="重点区域仿真" name="second"
      ><city-sim :clickValue="clickValue" @start="start" @end="end"
    /></el-tab-pane>
      ><city-sim :clickValue="clickValue" />
      <!-- ><city-sim :clickValue="clickValue" @start="start" @end="end"/> -->
    </el-tab-pane>
    <el-tab-pane label="重点区域仿真" name="second">
      <city-sim :clickValue="clickValue" />
      <!-- <city-sim :clickValue="clickValue" @start="start" @end="end"/> -->
    </el-tab-pane>
    <el-tab-pane label="重点沟仿真" name="third">
      <kg-sim :clickValue="clickValue" @start="start" @end="end" />
      <!-- <kg-sim :clickValue="clickValue" @start="start" @end="end" /> -->
      <kg-sim :clickValue="clickValue" />
    </el-tab-pane>
  </el-tabs>
</template>
@@ -31,15 +34,15 @@
  clickValue.value = tab.props.label;
  console.log(clickValue.value);
};
const emits = defineEmits(["start", "end"]);
// const emits = defineEmits(["start", "end"]);

function start() {
  emits("start");
  console.log("开始模拟");
}
function end() {
  emits("end");
}
// function start() {
//   emits("start");
//   console.log("开始模拟");
// }
// function end() {
//   emits("end");
// }
</script>

<style lang="less" scoped>