kui-vue
Version:
A high quality UI Toolkit built on Vue.js 2.0
51 lines (48 loc) • 1.18 kB
Markdown
<cn>
#### 可清除
通过 `clearable` 可控制组件是否显示清除按钮
</cn>
```vue
<template>
<Space vertical align="start">
<Space>
<Select :width="200" clearable v-model="value1">
<Option value="1" label="Apple" />
<Option value="2" label="Orange" />
<Option value="3" label="Banana"/>
<Option value="4" label="Pear" />
</Select>
{{value1}}
</Space>
<Space>
<Select :width="200" size="small" clearable v-model="value2">
<Option value="1" label="Apple" />
<Option value="2" label="Orange" />
<Option value="3" label="Banana" />
<Option value="4" label="Pear" />
</Select>
{{value2}}
</Space>
<Space>
<Select :width="200" multiple clearable v-model="value3">
<Option value="1" label="Apple" />
<Option value="2" label="Orange" />
<Option value="3" label="Banana" />
<Option value="4" label="Pear" />
</Select>
{{value3}}
</Space>
</Space>
</template>
<script>
export default{
data() {
return {
value1:'',
value2:'',
value3:['1','2']
}
}
}
</script>
```