el-select multiple 选择器多选控件，初始就会触发表单校验的问题

最新推荐文章于 2023-12-29 17:06:12 发布

Beesia

最新推荐文章于 2023-12-29 17:06:12 发布

阅读量1.3k

点赞数 2

分类专栏： vue3相关文章标签： elementui vue.js

本文链接：https://blog.csdn.net/niyooooo/article/details/124864367

版权

vue3相关专栏收录该内容

13 篇文章 0 订阅

订阅专栏

本文讲述了在前端开发中遇到的一个关于表单验证的问题。当使用Vue.js的el-select组件时，由于后端需要的下一步执行人为字符串类型，最初将messageReceiver字段初始化为字符串，导致页面加载时触发了不必要的表单验证。解决方案是将初始值改为空数组，从而避免了页面加载时的验证错误。这个案例强调了正确设置初始值对于前端表单管理的重要性。

摘要由CSDN通过智能技术生成

        <el-select
          v-if="NextPoint.success"
          v-model="submitForm.messageReceiver"
          style="width: 50%"
          filterable
          multiple
        >

因为后端需要的下一步执行人为字符串

所以最开始写成 messageReceiver: "",