首页 新闻 会员 周边

vue3 el-select 在搜素匹配的情况下输入文本如何全选(Ctrl+A)

0
悬赏园豆:100 [待解决问题]

vue3中,el-select选择框,启用远程搜索,但是搜索结果没有回车事件执行的快,我想在回车事件里面全选输入的文本,这样等加载完成后无匹配可以直接再次输入,不需要清空操作
代码如下:
<el-row>
<el-col :span="22">
<el-form-item label="料号:" label-width="110px" >
<el-select v-model="value"
automatic-dropdown="true" reserve-keyword="false" default-first-option="true"
@change="CheckPartNo" @blur="CheckBlur" @keyup.enter = "PartEnter"
remote :remote-method="QueryValue" :loading="loading" clearable name="TESTname"
ref="focusPartNo" filterable placeholder="选择或输入料号">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>

            </el-select>          
        </el-form-item>           
    </el-col>
</el-row> 

预想效果图片如下:

windows操作环境
软件:VSCode
语言:vue3+ts+element-plus

希望各位看到的时候,顺手给个回复哦

夜路循迹的主页 夜路循迹 | 初学一级 | 园豆:104
提问于:2022-10-15 11:31
< >
分享
所有回答(1)
0

你这几个事件执行完毕后加个判断和全选的

LiveCoding | 园豆:497 (菜鸟二级) | 2022-10-20 15:09

focusPartNo.value.select()
这个并不可以全选其中的数据

我改了一个控件,规避了【哭】

支持(0) 反对(0) 夜路循迹 | 园豆:104 (初学一级) | 2022-10-20 15:12

@夜路循迹: value.select()???不是直接select()???

支持(0) 反对(0) LiveCoding | 园豆:497 (菜鸟二级) | 2022-10-20 15:22

@LiveCoding: 不可以诶

支持(0) 反对(0) 夜路循迹 | 园豆:104 (初学一级) | 2022-10-20 15:24
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册