ant-design-vue/components/select/demo/suffix.md

39 lines
853 B
Markdown
Raw Normal View History

2018-12-11 03:40:27 +00:00
<cn>
#### 后缀图标
基本使用。
</cn>
<us>
#### Suffix
Basic Usage
</us>
```html
<template>
<div>
<a-select defaultValue="lucy" style="width: 120px" @change="handleChange">
<a-icon slot="suffixIcon" type="smile" />
<a-select-option value="jack">Jack</a-select-option>
<a-select-option value="lucy">Lucy</a-select-option>
<a-select-option value="disabled" disabled>Disabled</a-select-option>
<a-select-option value="Yiminghe">yiminghe</a-select-option>
</a-select>
<a-select defaultValue="lucy" style='width: 120px' disabled>
<a-icon slot="suffixIcon" type="meh" />
<a-select-option value="lucy">Lucy</a-select-option>
</a-select>
</div>
</template>
<script>
export default {
methods: {
handleChange(value) {
console.log(`selected ${value}`);
}
}
}
</script>
```