【无标题】

最新推荐文章于 2023-10-19 20:13:01 发布

weixin_48698539

最新推荐文章于 2023-10-19 20:13:01 发布

阅读量141

点赞数

分类专栏： select 多选校验文章标签： vue

本文链接：https://blog.csdn.net/weixin_48698539/article/details/126288901

版权

select 多选校验专栏收录该内容

1 篇文章 0 订阅

订阅专栏

element ui select 多选 multiple 导致校验点击第一次就出现错误提示

看到网上提供的方法：
在create里面使用 this.$set(this.from,‘name’,[]) 直接将下拉框里面的值赋予 [] 空数组，
我在这里测试了很多次，在我的项目里面不太实用。

 我这边的解决方法就是： 在对应校验里面：  加了 type

     {type: 'array', required: true, message: '请选择客体', trigger: ['blur','change'] },

   在dialog 里面使用 destroy-on-close  和在before-close 里面事件讲 表格里面的数据清除


  <el-dialog
        :title="dialogTitle"
        :visible.sync="dialogFlag"
        width="30%"
        :before-close="closeDialog"
        destroy-on-close
     >
        <hyForm 
        :formConfig="userformConfig"
        :formData="auditForm"
        :ifInLine="false"
        :ifSearch2="true"
        :rules="userRules"
        @onSubmit="getSubmit"
        @onCancle="closeDialog()"
        @formSelectchange= "getChange"
      >
在这里插入代码片