naive-ui/demo/documentation/components/popselect/enUS/multiple.demo.md

36 lines
661 B
Markdown
Raw Normal View History

2019-10-18 11:23:45 +08:00
# Multiple
Select multiple value in popselect.
2019-10-18 11:23:45 +08:00
```html
<n-popselect
2020-10-22 21:19:43 +08:00
v-model:value="value"
2019-10-18 11:23:45 +08:00
multiple
:options="options"
>
<n-tag>{{ (Array.isArray(value) && value.length) ? value : 'Nothing' }}</n-tag>
2019-10-18 11:23:45 +08:00
</n-popselect>
```
```js
export default {
data () {
return {
value: null,
options: [{
label: 'Go Let It Out',
value: 'Go Let It Out'
}, {
label: 'Who Feels Love?',
value: 'Who Feels Love?'
}, {
label: 'Sunday Morning Call',
value: 'Sunday Morning Call',
disabled: true
}, {
label: 'Roll It Over',
value: 'Roll It Over'
}]
}
}
}
```