Ant Design Vue AutoComplete 事件

包含change、blur、focus、search、select、dropdownVisibleChange事件。

事件列表

方法名称
说明回调参数
change选中选项或输入框的 value 变化时,调用此函数function(value)
blur失去焦点时的回调function()
focus获得焦点时的回调function()
search搜索补全项的时候调用function(value)
select被选中时调用,参数为选中项的 value 值function(value, option)
dropdownVisibleChange展开下拉菜单的回调function(open)

代码例子

<template>
   <a-auto-complete 
      :dataSource="ds" 
      :dropdownStyle="{width: '300px'}" 
      @dropdownVisibleChange="dropdownVisibleChange"
    /> 
      
</template>
<script>
  export default {
    data() {
      return {
        ds:['www.qq.com','www.msn.com','www.baidu.com','www.itxst.com'], 
      };
    },
    methods: {
         dropdownVisibleChange(isOpen) {
         alert(isOpen)
      },
    },
  };
</script>