You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
813 B
39 lines
813 B
6 years ago
|
|
||
|
|
<cn>
|
||
|
|
#### 扩展菜单
|
||
|
|
使用 `dropdownRender` 对下拉菜单进行自由扩展。
|
||
|
|
</cn>
|
||
|
|
|
||
|
|
<us>
|
||
|
|
#### Custom dropdown
|
||
|
|
Customize the dropdown menu via `dropdownRender`.
|
||
|
|
</us>
|
||
|
|
|
||
|
|
```html
|
||
|
|
<template>
|
||
|
|
<a-select defaultValue="lucy" style="width: 120px">
|
||
|
|
<div slot="dropdownRender" slot-scope="menu">
|
||
|
|
<v-nodes :vnodes="menu"/>
|
||
|
|
<a-divider style="margin: 4px 0;" />
|
||
|
|
<div style="padding: 8px; cursor: pointer;">
|
||
|
|
<a-icon type="plus" /> Add item
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a-select-option value="jack">Jack</a-select-option>
|
||
|
|
<a-select-option value="lucy">Lucy</a-select-option>
|
||
|
|
</a-select>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data: ()=>({console: console}),
|
||
|
|
components: {
|
||
|
|
VNodes: {
|
||
|
|
functional: true,
|
||
|
|
render: (h, ctx) => ctx.props.vnodes
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
```
|
||
|
|
|