Ant Design Vue Select 属性和事件

Ant Design Vue Select 属性和事件列表，将列举如何使用Select的属性和事件。

属性用例

我们将以Select的标签模式为例，演示如何使用maxTagPlaceholder属性，官方文档该属性说明如下

slot插槽作为参数的代码

<template>
  <a-select mode="tags" :maxTagCount="2" :maxTagTextLength="6" 
   style="width: 300px" placeholder="属性演示" >
    <a-icon slot="maxTagPlaceholder" type="smile" />
    <a-select-option  value="baidu.com">www.baidu.com</a-select-option>
    <a-select-option  value="itxst.com">www.itxst.com</a-select-option>
    <a-select-option  value="google.com">www.google.com</a-select-option>
    <a-select-option  value="mircosoft.com">www.mircosoft.com</a-select-option>
  </a-select>
</template>

function函数作为参数的代码

<template>
  <a-select mode="tags" :maxTagPlaceholder="() => {return '+++'}" :maxTagCount="2" 
  :maxTagTextLength="6" style="width: 300px" placeholder="属性演示" >
    <a-select-option  value="baidu.com">www.baidu.com</a-select-option>
    <a-select-option  value="itxst.com">www.itxst.com</a-select-option>
    <a-select-option  value="google.com">www.google.com</a-select-option>
    <a-select-option  value="mircosoft.com">www.mircosoft.com</a-select-option>
  </a-select>
</template>

在线试一试

属性列表