Ver código fonte

feat: m-search添加输入内容自动搜索事件searchUpdate

TIANYONG 5 meses atrás
pai
commit
12ea8db03f

+ 7 - 2
src/components/m-search/index.tsx

@@ -45,7 +45,7 @@ export default defineComponent({
       default: 'default'
     }
   },
-  emits: ['search', 'focus', 'blur'],
+  emits: ['search', 'focus', 'blur', 'searchUpdate'],
   setup(props, { slots, emit, expose }) {
     const forms = reactive({
       search: props.modelValue || '',
@@ -85,7 +85,12 @@ export default defineComponent({
         }}
         onFocus={() => emit('focus')}
         onBlur={() => emit('blur', forms.search)}
-        onSearch={() => emit('search', forms.search)}>
+        onSearch={() => emit('search', forms.search)}
+        onUpdate:modelValue={(val: any) => {
+          // 输入框内容变化时触发
+          // console.log('搜索内容变化',val)
+          emit('searchUpdate', val);
+        }}>
         {{
           left: () => slots.left && slots.left(),
           'left-icon': () => (

+ 3 - 0
src/views/fill-questionnaire/index.tsx

@@ -855,6 +855,9 @@ export default defineComponent({
                         onSearch={(val: any) => {
                           getSchoolAreaList(val);
                         }}
+                        onSearchUpdate={(val: any) => {
+                          getSchoolAreaList(val);
+                        }}                        
                       />
                     </div>
                   )