Ant Design Vue教程

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>


Catalog
快速入门 Dropdown 下拉菜单 Menu 导航菜单 Pagination 分页 Steps 步骤条 AutoComplete 自动填充 AutoComplete 自动完成组件 AutoComplete 前端筛选函数 AutoComplete 自定义选项 AutoComplete Ajax服务器端数据 AutoComplete 查询模式 AutoComplete 属性列表 AutoComplete 事件 AutoComplete 方法列表 Cascader 级联选择 Checkbox 多选框 DatePicker 日期选择框 Input 输入框 InputNumber 数字输入框 Mentions 提及 Radio 单选框 Rate 评分组件 Select 下拉框 Slider 滑动输入条 Switch 开关