vue + antd 选择器（select）选择后失去焦点方法

最新推荐文章于 2024-05-11 14:40:56 发布

我是培培

最新推荐文章于 2024-05-11 14:40:56 发布

阅读量6.4k

点赞数 1

分类专栏： antdv 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/qq_27841373/article/details/116997186

版权

antdv 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在antdv中使用下拉框的blur()方法实现输入选择后的自动失焦效果。通过Vue框架结合antdv组件库，演示了具体的代码实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

antdv 下拉框的 blur() 方法使用

代码

<template>
  <div>
    <a-select v-model:value="num" ref="selectVal" @change="onSelect">
      <a-select-option value="">--请选择--</a-select-option>
      <a-select-option value="1">1</a-select-option>
      <a-select-option value="2">2</a-select-option>
    </a-select>
  </div>
</template>

<script>
  import {
    ref,
  } from 'vue';

  export default defineComponent({
    setup() {
      const num = ref();
      const selectVal = ref();
      const onSelect = ()=>{
        selectVal.value.blur();
      }
      
      return {
        num,
        selectVal,
        onSelect
      }
    }
  });
</script>

<style>
</style>