element ui vue el-input el-button 键盘回车事件

使用@keyup.enter.native="search()"具体<el-input placeholder="请输入内容" v-model="input" @keyup.enter.native="search()" class="input-with-select"><el-button slot="append" icon="el-icon-search" @click=

陈阿刚

9799人浏览 · 2020-05-09 09:49:59

陈阿刚 · 2020-05-09 09:49:59 发布

使用

@keyup.enter.native="search()"

具体

<el-input placeholder="请输入内容" v-model="input" @keyup.enter.native="search()" class="input-with-select">
	<el-button slot="append" icon="el-icon-search" @click="search()"></el-button>
</el-input>

理论支持

将原生事件绑定到组件
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^