Forráskód Böngészése

弹窗打开后输入框自动聚焦

lifanagju_citu 7 hónapja
szülő
commit
a4bf7a3cab

+ 6 - 3
src/views/recruit/enterprise/talentMap/components/filter.vue

@@ -18,7 +18,7 @@
 <script setup>
 defineOptions({ name: 'talent-map-filter'})
 import { getRocketLabelList } from '@/api/recruit/enterprise/resumeManagement/talentMap'
-import { ref } from 'vue'
+import { nextTick, ref } from 'vue'
 const emit = defineEmits(['cancel', 'confirm'])
 
 
@@ -83,8 +83,6 @@ const resetValue = () => {
 const setValue = (query) => {
   formItems.value.options.forEach(e => {
     if (query[e.key] !== undefined) e.value = query[e.key]
-    // console.log('CtFormRef', CtFormRef.value)
-    // if (e.key === 'content') e.autofocus = true
   })
 }
 
@@ -96,6 +94,11 @@ const handleReset = () => {
 const open = (query) => {
   if (Object.keys(query).length) setValue(query)
   else resetValue()
+  nextTick(() => {
+    formItems.value.options.forEach(e => {
+      if (e.key === 'content') e.autofocus = true // 自动聚焦
+    }) 
+  })
 }
 
 defineExpose({