vue + antd 选择器(select)选择后失去焦点方法
<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</
·
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>
更多推荐
已为社区贡献1条内容
所有评论(0)