当前位置: 首页 > 知识库问答 >
问题:

前端 - 基于element-ui对form表单进行验证时,el-select不起作用问题 ?

云承天
2023-12-22

为什么我的这个 el-select 没有触发校验?

Demo

b

共有1个答案

艾俊晖
2023-12-22

拼写错误

<template>  <el-form ref="ruleFormRef" :model="ruleForm" status-icon :rules="rules" label-width="120px" class="demo-ruleForm">-    <el-form-item label="下拉" props="city">+    <el-form-item label="下拉" prop="city">      <el-select v-model="ruleForm.city" clearable filterable class="m-2" placeholder="Select" size="large">

Edit

另外,Element Plus 的校验规则中 trigger 属性是枚举类型了。
应该设置为 'change' ,而不是传入数组 ['blur', 'change']

 类似资料:
  • 问题: 输入内容,失去焦点,应该提示【请输入正确的身份证号码】,也就是走rules的第二条规则partner,而不是走第一条require。 示例代码如下: 在线demo: el-form表单示例 - JS Bin

  • 该如何正确的做动态表单校验: “el-form-item”是后来加上的,加上el-select之后位置都变了

  • 其实是想要实现这样的样式: el-select 多选,选中的内容以逗号分割,最小宽度80px;最大宽度300px;超出最大宽度显示省略号 就是大概是下面这样,一行显示已经处理了,但是最小80px,然后input框的宽度根据选中的项的字符串内容变大,最大300px,超过显示省略号还没想好如何处理,有无大佬给个思路。 看了网上有说可以用 el-select 的prefix,结合计算属性去实现,但是pr

  • 我正在按照本指南使用Spring表单验证,但我无法在自己的程序中验证表单。我完全按照指南中的描述去做,但在我的应用程序中却不起作用。 我使用Spring Tools Suite并下载了示例应用程序,以查看它是否真的可以工作。我看不出究竟是什么原因导致表单验证发生在示例应用程序中而不是我的应用程序中。我试图通过从POM中移除依赖项来缓慢地更改示例应用程序,以使其中断,但它继续工作.....到底是哪个

  • 在构建Web应用程序时,验证是一个重要的过程。 它确保我们获得的数据适当且有效存储或处理。 CodeIgniter使这项任务变得非常简单。 让我们用一个简单的例子来理解这个过程。 例子 (Example) 创建一个视图文件myform.php并将以下代码保存在application/views/myform.php 。 此页面将显示用户可以提交其姓名的表单,我们将验证此页面以确保在提交时不应为空。