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

37 lines
867 B
Markdown
Raw Normal View History

2018-12-11 03:40:27 +00:00
<cn>
#### 后缀图标
基本使用。
</cn>
<us>
#### Suffix
Basic Usage
</us>
2019-10-09 10:32:23 +00:00
```tpl
2018-12-11 03:40:27 +00:00
<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>
2019-09-28 12:45:07 +00:00
<a-select defaultValue="lucy" style="width: 120px" disabled>
2018-12-11 03:40:27 +00:00
<a-icon slot="suffixIcon" type="meh" />
<a-select-option value="lucy">Lucy</a-select-option>
</a-select>
</div>
</template>
<script>
2019-09-28 12:45:07 +00:00
export default {
methods: {
handleChange(value) {
console.log(`selected ${value}`);
},
},
};
2018-12-11 03:40:27 +00:00
</script>
```