mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-01-12 12:25:16 +08:00
43 lines
855 B
Markdown
43 lines
855 B
Markdown
# 基础用法
|
|
|
|
下拉菜单的基础用法。
|
|
|
|
```html
|
|
<n-dropdown trigger="hover" @select="handleSelect" :options="options">
|
|
<n-button :keyboard="false">金钱所迫，起床工作</n-button>
|
|
</n-dropdown>
|
|
```
|
|
|
|
```js
|
|
export default {
|
|
inject: ['message'],
|
|
data () {
|
|
return {
|
|
options: [
|
|
{
|
|
label: '滨海湾金沙，新加坡',
|
|
key: 'marina bay sands'
|
|
},
|
|
{
|
|
label: '布朗酒店，伦敦',
|
|
key: "brown's hotel, london"
|
|
},
|
|
{
|
|
label: '亚特兰蒂斯巴哈马，拿骚',
|
|
key: 'atlantis nahamas, nassau'
|
|
},
|
|
{
|
|
label: '比佛利山庄酒店，洛杉矶',
|
|
key: 'the beverly hills hotel, los angeles'
|
|
}
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
handleSelect (key) {
|
|
this.message.info(key)
|
|
}
|
|
}
|
|
}
|
|
```
|