// 申请模板
<template>
<div class="app-container">
<!-- 动态创建的数值元素 -->
<el-form-item v-for="(item, i) in form.templateItemReqList" :key="i"
:prop="`templateItemReqList[${i}].itemContent`" :rules="[{
required: true,
message: '',
trigger: 'blur'
},
//传递自定义参数 注意写法
{ required: true, trigger: 'blur', validator:(rule, value, callback)=> validatePlaceholder(rule, value,callback,item)}
]">
<el-col :span="6">
<el-input v-model="item.itemContent" placeholder="请填写数值名称" />
</el-col>
</template>
<script setup name="templateApply">
//接收参数
const validatePlaceholder = (rule, value, callback, item) => {
if (value) {
console.log('placeholder:',{item});
if (!item.placeholder) {
callback(new Error('请插入该项数值'))
} else {
callback()
}
} else {
callback()
}
}
</script>
element+中表单项rules传递自定义参数
最新推荐文章于 2024-05-16 03:08:46 发布