搜索条件:
<el-row class="views_box" :gutter="20">
<el-col :span="4">
<div>商品ID:</div>
<el-input v-model="dataForm.id" placeholder="请输入商品ID"
@keydown.enter.native="seachEnterFun"
></el-input>
</el-col>
<el-col :span="4">
<div>商品名称:</div>
<el-input
v-model="dataForm.goodsName"
placeholder="输入商品名称"
@keydown.enter.native="seachEnterFun"
></el-input>
</el-col>
<el-col :span="4">
<div>供应商:</div>
<el-select placeholder="请选择" v-model="dataForm.supplier" @keydown.enter.native="seachEnterFun" clearable>
<el-option
v-for="(item, index) in supplier"
:key="index"
:label="item.supplier"
:value="item.supplierId"
></el-option>
</el-select>
</el-col>
<el-col :span="4">
<div>商品分类:</div>
<el-cascader
v-model="dataForm.classification"
:options="optionsClassifi"
clearable
@keydown.enter.native="seachEnterFun"
></el-cascader>
</el-col>
<el-col :span="4">
<div>状态:</div>
<el-select placeholder="请选择" v-model="dataForm.state" clearable @keydown.enter.native="seachEnterFun">
<el-option
v-for="item in state"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-col>
<el-col :span="1.2">
<el-button type="primary" size="small" @click="search()"
>搜索</el-button
>
</el-col>
<el-col :span="2">
<el-button size="small" @click="resetting">重置</el-button>
</el-col>
<el-col :span="1.8">
<el-button type="primary" size="small" @click="exports">导出</el-button>
</el-col>
</el-row>
之前点击搜索按钮@click="search()"
进行搜索,现在想按回车就搜索,首先在输入框或者选择框上面加上
@keydown.enter.native="seachEnterFun"
如:
<el-col :span="4">
<div>商品ID:</div>
<el-input v-model="dataForm.id" placeholder="请输入商品ID"
@keydown.enter.native="seachEnterFun"
></el-input>
</el-col>
然后在methods: {}
里面写入方法,在方法里面调用search()
方法
seachEnterFun(e){
var keyCode = window.event?e.keyCode:e.which;
if(keyCode==13){
this.search()
}
},