naive-ui/demo/documentation/components/autoComplete/enUS/afterSelect.md

46 lines
793 B
Markdown
Raw Normal View History

2019-12-04 18:17:25 +08:00
# Actions After Select
2020-01-28 14:11:09 +08:00
Blur after selection or clear after selection.
```html
<n-auto-complete
:options="options"
v-model="value"
clear-after-select
placeholder="Clear After Select"
/>
<n-auto-complete
:options="options"
v-model="value"
blur-after-select
placeholder="Blur After Select"
/>
```
```js
export default {
computed: {
options () {
return [
'@gmail.com',
'@163.com',
'@qq.com'
].map(suffix => {
const value = this.value === null ? '' : this.value
const prefix = value.split('@')[0]
return {
label: prefix + suffix,
value: prefix + suffix,
}
})
}
},
data () {
return {
value: null
}
}
}
```
```css
.n-auto-complete {
margin: 0 0 12px 0;
}
```