<template> <div id="YSIndex_right2">水质统计在这里写--------------------------</div> </template> <script setup name="YSIndex_right2"> import { ref, reactive, toRefs, onMounted } from "vue"; const props = defineProps({ //分区编号 waterRegionCode: { type: [String], default: "", }, }); const AllData = reactive({}); watch( () => props.waterRegionCode, (val) => { console.log("YSIndex_right:分区编号变了", val); // debugger if (val != "") { filetData(val); } else { getData(); } }, { immediate: true, deep: true } ); onMounted(() => {}); </script> <style lang="scss" scoped> #YSIndex_right2 { width: 100%; height: 100%; } </style>