element-plus关于表单数据自定义参数校验

element-plus关于表单数据自定义参数校验

核心点:

代码:

html 复制代码
<el-form-item :prop="'tableData[' + scope.$index + '].score'"
    :rules="[
      { required: true, message: '得分不能为空', trigger: 'blur' },
      { validator:  (rule: any, value: any, callback: any) =>{ validateScore(rule,value,scope.row.defaultScore,callback)}, trigger: 'blur' }
     ]"
    style="margin-bottom: 0px !important;">
	  <el-input
	    style="width: 70px"
	    placeholder="得分"
	    v-model="tableFrom.tableData[scope.$index].score"
	    type="number"
	    min="0"
	    :max="scope.row.defaultScore"
	  />
</el-form-item>

主要是需要自己在rules定义,而不能像我们之前定义一个大的数组放在一起

相关推荐
海天胜景2 天前
vue3 获取选中的el-table行数据
javascript·vue.js·elementui
Modify_QmQ2 天前
leaflet【十一】地图瓦片路径可视化
gis·vue3·leaflet·leafletmapblock
海天胜景2 天前
vue3 el-table 行筛选 设置为单选
javascript·vue.js·elementui
喜欢敲代码的程序员3 天前
SpringBoot+Mybatis+MySQL+Vue+ElementUI前后端分离版:项目搭建(一)
spring boot·mysql·elementui·vue·mybatis
华子w9089258593 天前
基于 SpringBoot+Vue.js+ElementUI 的 “花开富贵“ 花园管理系统设计与实现7000字论文
vue.js·spring boot·elementui
hackchen3 天前
从0到1解锁Element-Plus组件二次封装El-Dialog动态调用
前端·vue.js·elementui
蓝胖子的多啦A梦3 天前
Vue+element 日期时间组件选择器精确到分钟,禁止选秒的配置
前端·javascript·vue.js·elementui·时间选选择器·样式修改
夏天想3 天前
vue2+elementui使用compressorjs压缩上传的图片
前端·javascript·elementui
海天胜景3 天前
vue3 el-table 列增加 自定义排序逻辑
javascript·vue.js·elementui
满楼、13 天前
el-cascader 设置可以手动输入也可以下拉选择
javascript·vue.js·elementui