VUE中键盘事件

最新推荐文章于 2024-07-22 18:05:15 发布

菜鸟中的菜菜鸟

最新推荐文章于 2024-07-22 18:05:15 发布

阅读量724

点赞数

分类专栏：菜鸡啄食——JS

本文链接：https://blog.csdn.net/qq_39692513/article/details/81132921

版权

菜鸡啄食——JS 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1 不是form表单的单独的输入框

<span class="promtSpan">菜单名称</span>
<el-input v-model="name" placeholder="请输入菜单名称" style="width:200px" @keyup.enter.native="search"></el-input>
<el-button type="primary" size="mini" @click="search" style="margin-left:50px" >搜索</el-button>

2 类似于form表单的搜索的输入框

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" >
<el-form-item prop="username">
  <el-input
    type="text"
v-model="ruleForm.username"
    ref="adminput"
    auto-complete="on"
    >
  </el-input>
</el-form-item><el-input
  type="password"
  v-model="ruleForm.password"
  auto-complete="off"
>
</el-input>el-form-item>
  <el-button
    type="primary"
    @click.native.prevent="submitForm"
    :loading="loading">登录
  </el-button>
</el-form-item></el-form>这个可以直接点击enter键，然后调用方法，.native是给组件绑定原生事件，