**1、注释：**结构中的ref和@input.native很重要文章来源：https://www.toymoban.com/news/detail-836818.html
<el-form-item label="商品类型：" prop="productType">
<el-select
ref="eleSelect" //这里很重要1
v-model.trim="formData.productType"
placeholder="请选择"
filterable
clearable
@input.native="trimSelect" //这里很重要2
>
<el-option
v-for="item in dictList.SPLX"
:key="item.dictId"
:label="item.dictLabel"
:value="item.dictValue"
></el-option>
</el-select>
</el-form-item>
2、js中限制开头为空格时重新赋值为空文章来源地址https://www.toymoban.com/news/detail-836818.html
// 开头为空格时重新赋值为空
const eleSelect = ref()
const trimSelect = ()=>{
let regex = /^\s*$/;
if(regex.test(eleSelect.value.selectedLabel)){
eleSelect.value.selectedLabel = ''
}
}
到了这里，关于el-select加上搜索查询时，限制开头空格输入的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
