ant-design-vue/components/auto-complete/demo/non-case-sensitive.md

37 lines
634 B
Markdown

<cn>
#### 不区分大小写
不区分大小写的 AutoComplete
</cn>
<us>
#### Non-case-sensitive AutoComplete
A non-case-sensitive AutoComplete
</us>
```html
<template>
<a-auto-complete
:dataSource="dataSource"
style="width: 200px"
placeholder="input here"
:filterOption="filterOption"
/>
</template>
<script>
export default {
data() {
return {
dataSource: ['Burns Bay Road', 'Downing Street', 'Wall Street'],
}
},
methods: {
filterOption(input, option) {
return option.componentOptions.children[0].text.toUpperCase().indexOf(input.toUpperCase()) >= 0
}
}
}
</script>
```