联调电网一张图

src/components/form/area/index.vue

@@ -9,7 +9,7 @@ defineOptions({
     name: 'Area'
 })
 import { useDictData } from '@/stores/dictData'
-
+const emit = defineEmits(['changeName'])
 const cascaderProps = {
     label: 'name',
     value: 'id',
@@ -20,21 +20,18 @@ const cascader = ref()
 const dictData = useDictData()
 const options = dictData.state.area
 const areaName = ref(dictData.state.area[0].name)
+const jbName = ref(dictData.state.area[0].name)
 const change = (e: any) => {
     if (cascader.value.getCheckedNodes()[0]?.pathLabels.length == 1) {
         areaName.value = cascader.value.getCheckedNodes()[0].pathLabels[0]
     } else if (cascader.value.getCheckedNodes()[0]?.pathLabels.length >= 2) {
         areaName.value = cascader.value.getCheckedNodes()[0].pathLabels[1]
     }
+    emit('changeName', cascader.value.getCheckedNodes()[0].label)
+}
+const changeName = () => {
+    return jbName.value
 }
-// watch(
-//     () => $attrs,
-//     (newVal, oldVal) => {
-//         console.log(123)
-
-//         // GetEchar('中国')
-//     }
-// )
 
 defineExpose({ areaName, change })
 </script>