级联测试

src/components/FormUI/cascade/index.vue

@@ -2,7 +2,7 @@
 <template>
   <div>
     <div style="height: 50px;"></div>
-    <v-text-field
+    <!-- <v-text-field
       v-model="value"
       variant="outlined" 
       id="menu-activator"
@@ -14,14 +14,21 @@
     >
     </v-text-field>
     <v-menu activator="#menu-activator" :close-on-content-click="closeOnContentClick">
-      <!-- <el-cascader-panel
+      <el-cascader-panel
         v-model="value"
         :options="options"
+        :show-all-levels="false"
         style="width: fit-content; background-color: #fff;"
         @change="handleChange"
       >
-      </el-cascader-panel> -->
-    </v-menu>
+      </el-cascader-panel>
+    </v-menu> -->
+
+    <el-cascader :options="options" :show-all-levels="false">
+      <template #default="{ node, data }">
+        <span @click="handleChange(node, data)">123</span>
+      </template>
+    </el-cascader>
   </div>
 </template>
 
@@ -37,9 +44,15 @@ defineOptions({ name:'FormUI-el-cascade'})
 const value = ref('')
 // setTimeout(() => { value.value = 'controllability' }, 1000)
 
-// const handleChange = (val, val1, val2) => {
-//   console.log('1', val, val1, val2)
-// }
+
+const handleChange = (val, val1, val2) => {
+  console.log('1', val, val1, val2)
+}
+
+const getCheckedNodes = (val, val1, val2) => {
+  console.log('1', val, val1, val2)
+  debugger
+}
 
 const closeOnContentClick = ref(false) // multiple