提交代码

fhKeeper/formulahousekeeper/customerBuler-crm/src/pages/analysis/index.vue

@@ -28,8 +28,18 @@ const selectChange = (val: any) => {
   console.log(selectVal.value, '<===== 双向绑定的数据 selectVal')
 }
 const selectChange2 = (val: any) => {
-  console.log(val, '<===== 当前的数据 selectVals')
-  console.log(selectVals.value, '<===== 双向绑定的数据 selectVals')
+  console.log(val, '<===== 当前的数据 2')
+  console.log(selectVals.value, '<===== 双向绑定的数据 2')
+}
+
+const selectChange3 = (val: any) => {
+  console.log(val, '<===== 当前的数据 3')
+  console.log(departmentVal.value, '<===== 双向绑定的数据 3')
+}
+
+const selectChange4 = (val: any) => {
+  console.log(val, '<===== 当前的数据 4')
+  console.log(treeSelectVals.value, '<===== 双向绑定的数据 4')
 }
 const permissionOptions = [
   {
@@ -198,8 +208,8 @@ watchEffect(() => {
         <div class="w-40">
           <personnel-search v-model="selectVal" :size="'small'" multiple placeholder="你好世界" @change="selectChange"></personnel-search>
           <personnel-search v-model="selectVals" :size="'small'" placeholder="你好世界" @change="selectChange2"></personnel-search>
-          <department-selection v-model="departmentVal" :size="'small'" placeholder="部门选择"></department-selection>
-          <tree-select v-model="treeSelectVals" :size="'small'" multiple placeholder="树形选择"></tree-select>
+          <department-selection v-model="departmentVal" :size="'small'" placeholder="部门选择" @change="selectChange3"></department-selection>
+          <tree-select v-model="treeSelectVals" :size="'small'" multiple placeholder="树形选择"  @change="selectChange4"></tree-select>
           <el-select
             ref="select1"
             size="small"