mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-02-17 11:49:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(autocomplete): useAttrs (#531)

Browse Source
This commit is contained in:
Caaalabash 2020-11-03 11:44:55 +08:00 committed by GitHub
parent 8da07f3c5b
commit 5e9c237d19
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/autocomplete/src/index.vue
View File

@ -14,7 +14,8 @@
<template #trigger>
<div
v-clickoutside="close"
class="el-autocomplete"
:class="['el-autocomplete', $attrs.class]"
:style="$attrs.style"
role="combobox"
aria-haspopup="listbox"
:aria-expanded="suggestionVisible"
@ -22,7 +23,7 @@
>
<el-input
ref="inputRef"
v-bind="$attrs"
v-bind="attrs"
:model-value="modelValue"
@input="handleInput"
@change="handleChange"
@ -88,6 +89,7 @@
<script lang="ts">
import { defineComponent, ref, computed, onMounted, nextTick, PropType, watch } from 'vue'
import { useAttrs } from '@element-plus/hooks'
import { NOOP } from '@vue/shared'
import debounce from 'lodash/debounce'
import { ClickOutside } from '@element-plus/directives'
@ -160,6 +162,7 @@ export default defineComponent({
},
emits: [UPDATE_MODEL_EVENT, 'input', 'change', 'focus', 'blur', 'clear', 'select'],
setup(props, ctx) {
const attrs = useAttrs()
const suggestions = ref([])
const highlightedIndex = ref(-1)
const dropdownWidth = ref('')
@ -302,6 +305,7 @@ export default defineComponent({
}
return {
attrs,
suggestions,
highlightedIndex,
dropdownWidth,