Element-UI 中 ,form表单中有input框, Enter可以查询的方法

在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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Element-UIform 单是一种基于Vue.js 的 UI 组件,它包含了一系列单元素,允许你快速创建单,并且支持单验证。它还提供了一些特殊的单元素,如日期选择器和文件上传等,可以帮助你构建出更加复杂的单界面。 ### 回答2: Element-UI是一套基于Vue.js的桌面端组件库,其form单是其一个常用的组件之一。Element-UIform单提供了方便易用的单创建和验证工具,能够快速地创建出美观、灵活的单界面。 Element-UIform单具有多种单项类型,例如文本输入框、选择框、日期选择器等,能够满足各种不同类型的单需求。同时,Element-UI还提供了规则验证机制,可以对单进行必填项验证、长度验证等,保证用户输入的有效性。此外,Element-UIform单还支持单布局的设置,可以通过配置参数实现单列、多列等不同的布局方式,适应不同的界面布局需求。 在使用Element-UIform单时,只需要在Vue.js的组件引入form单组件并进行配置,即可快速创建出一个完整的单页面。开发者只需要设置单项的类型和验证规则等参数,Element-UI会自动根据配置渲染出相应的单界面,并对用户输入的内容进行验证。而且,Element-UIform单还支持单响应式的设计,能够根据不同设备的宽度进行自适应调整,确保在不同分辨率的屏幕上都能正常显示。 总之,Element-UIform单是一个功能强大、使用方便的组件,可以快速创建出各种类型的单界面,并提供了灵活的验证机制和布局设置,帮助开发者提高开发效率。 ### 回答3: element-ui form 单是一个用于收集和验证用户输入信息的组件。它提供了丰富的单元素和验证规则,方便开发者进行单的设计和数据校验。 首先,element-uiform 单可以用来创建各种单元素,如输入框、下拉框、单选框、多选框等等。开发者可以根据需要选择合适的单元素,并设置其属性、样式和事件。 其次,element-uiform 单支持数据校验,可以通过设定验证规则来确保用户输入的数据的有效性。验证规则可以是内置的常见规则,如必填、最大长度、最小值等,也可以是自定义的规则。当用户提交单时,element-ui 会自动验证单的字段,并对不符合规则的字段进行提示。 此外,element-uiform 单还提供了一些特殊功能。例如,可以自定义单校验提示信息的样式和位置;可以配置单的布局方式,如水平布局、垂直布局等;还可以设置单的禁用状态,使其变为只读或不可编辑状态。 总的来说,element-uiform 单是一个强大且易用的单组件,可以满足开发者在设计单和实现数据校验时的需求。通过使用 form 单,开发者可以减少开发时间和工作量,提高用户体验和数据的准确性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值