在Element中没有发现input 回车可以触发事事件的方法,查找解决方案如下:
效果图如下:
解决方案:
在form中添加**@submit.native.prevent**
在input标签添加**@keyup.enter.native=“handleKeyEnterSelect”**
handleKeyEnterSelect为触发的方法名, 随便定义
<el-form
:inline="true"
:model="findData"
class="demo-form-inline"
size="mini"
style="text-align:right;"
@submit.native.prevent
>
<el-form-item label>
<el-input v-model="findData.text" placeholder="请输入用户名称" @keyup.enter.native="handleKeyEnterSelect"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleClickTab()">搜索</el-button>
<el-button @click="resetFindData()">重置</el-button>
</el-form-item>
</el-form>
<script>
methods: {
handleKeyEnterSelect() {
console.log("test-")
},
}
</script>