naive-ui/demo/documentation/components/autoComplete/enUS/afterSelect.demo.md
07akioni 487001d697 build: add changelog to site, refactor loader based on suffix
.demo.md for component demo
.demo-entry.md for demo entry
.md for common docs
2020-08-19 23:30:04 +08:00

46 lines
793 B
Markdown

# Actions After Select
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;
}
```