mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-01-30 12:52:43 +08:00
76 lines
1.4 KiB
Markdown
76 lines
1.4 KiB
Markdown
# 可取消
|
|
单值的弹出选择可以取消选中值。
|
|
```html
|
|
<n-popselect
|
|
v-model:value="value"
|
|
cancelable
|
|
:options="options"
|
|
>
|
|
<n-tag>{{ value || '弹出选择' }}</n-tag>
|
|
</n-popselect>
|
|
```
|
|
```js
|
|
export default {
|
|
data () {
|
|
return {
|
|
value: 'song1',
|
|
options: [{
|
|
label: "Everybody's Got Something to Hide Except Me and My Monkey",
|
|
value: 'song0',
|
|
disabled: true
|
|
},
|
|
{
|
|
label: 'Drive My Car',
|
|
value: 'song1'
|
|
},
|
|
{
|
|
label: 'Norwegian Wood',
|
|
value: 'song2'
|
|
},
|
|
{
|
|
label: 'You Won\'t See',
|
|
value: 'song3',
|
|
disabled: true
|
|
},
|
|
{
|
|
label: 'Nowhere Man',
|
|
value: 'song4'
|
|
},
|
|
{
|
|
label: 'Think For Yourself',
|
|
value: 'song5'
|
|
},
|
|
{
|
|
label: 'The Word',
|
|
value: 'song6'
|
|
},
|
|
{
|
|
label: 'Michelle',
|
|
value: 'song7',
|
|
disabled: true
|
|
},
|
|
{
|
|
label: 'What goes on',
|
|
value: 'song8'
|
|
},
|
|
{
|
|
label: 'Girl',
|
|
value: 'song9'
|
|
},
|
|
{
|
|
label: 'I\'m looking through you',
|
|
value: 'song10'
|
|
},
|
|
{
|
|
label: 'In My Life',
|
|
value: 'song11'
|
|
},
|
|
{
|
|
label: 'Wait',
|
|
value: 'song12'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
``` |