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>