elementui表单绑定集合,如何通过validateField验证集合中属性?

发布于 2022-09-13 01:27:15 字数 674 浏览 37 评论 0

<el-form-item label="服务及时性" :prop="'ReturnVisitsDetailList.' + idx + '.TimelinessService'" :rules="rules.TimelinessService">
    <div style="padding-top: 4px;">
        <el-rate 
        :disabled="!editable" 
        v-model="item.TimelinessService" 
        @change='(score) => handleChange(score, `"ReturnVisitsDetailList.${idx}.TimelinessService"`)'
        ></el-rate>
    </div>
</el-form-item>

代码如下,ReturnVisitsDetailList为集合,TimelinessService为集合中的对象的一个属性,由于绑定在 el-rate 控件上面,所以当验证通过时,并不会马上消除掉错误提示,所以需要调用validateField来验证该字段。

但是这么写没起效果,应该怎么写呢?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

要走就滚别墨迹 2022-09-20 01:27:15

1.检查prop是否绑定正确
2.rate这个组件的验证规则需要自己去写

data中的验证规则
rate:[
    {validator: checkRate, trigger: 'blur' }
]
checkRate方法
const checkRate = (rule, value, callback) => {
        if (value === 0){
           callback(new Error('请打分'));
        }else{
          callback()
        }
      }

1631702459(1).jpg

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文