Ant Design Vue AutoComplete 方法列表blur和focus方法

focus方法

使组件获取焦点方法。

<template>
<div>
   <a-auto-complete 
      :dataSource="ds" 
      :dropdownStyle="{width: '300px'}"  
      ref="xst"
    ></a-auto-complete>  
    <a-button type="primary" @click="click">获取焦点</a-button>
      </div>
</template>
<script>
  export default {
    data() {
      return {
        ds:['www.qq.com','www.msn.com','www.baidu.com','www.itxst.com'], 
      };
    },
    methods: {
        //使组件获取焦点的方法
         click() {
           this.$refs.xst.focus();
      },  
    } 
  };
</script>

blur方法

使组件失去焦点方法。

<template>
<div>
   <a-auto-complete 
      :dataSource="ds" 
      :dropdownStyle="{width: '300px'}"  
      ref="xst"
    ></a-auto-complete>  
    <a-button type="primary" @click="click">获取焦点</a-button>
      </div>
</template>
<script>
  export default {
    data() {
      return {
        ds:['www.qq.com','www.msn.com','www.baidu.com','www.itxst.com'], 
      };
    },
    methods: {
        //使组件收起焦点的方法
         click() {
           this.$refs.xst.blur();
      },  
    } 
  };
</script>