ElementPlus el-form多选框校验默认触发问题

multiple自动触发了change事件

      <el-form-item label="代码路径" prop="path_id">
            <el-select
                v-model="editform.path_id"
                clearable
                filterable
                multiple
                placeholder="代码路径"
            >
              <el-option
                  v-for="item in (selectsData?.codePathData || [])"
                  :key="item.id+''"
                  :label="item.path"
                  :value="item.id+''"
              />
            </el-select>
          </el-form-item>

使用校验增加开关判断(每次开启时记得初始化开关);

const pathIdFirst = ref(true);
const rules = reactive<FormRules>({
  path_id: [
    {
      required: true, message: '请选择代码路径', trigger: 'change', validator: (rule, val, cb) => {
        if (!pathIdFirst.value) {
          if (val.length === 0) {
            cb(new Error('请选择代码路径'));
          } else {
            cb();
          }
        } else {
          pathIdFirst.value = false;
          cb();
        }
      }
    },
  ],
 
})

相关推荐

  1. ElementPlus el-form校验默认触发问题

    2024-04-21 12:56:05       16 阅读
  2. Vue <el-checkbox-group>回显问题

    2024-04-21 12:56:05       35 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-21 12:56:05       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-21 12:56:05       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-21 12:56:05       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-21 12:56:05       20 阅读

热门阅读

  1. v-model原理(简易源码版)

    2024-04-21 12:56:05       14 阅读
  2. 如何实现redis的高可用?

    2024-04-21 12:56:05       13 阅读
  3. 浅谈-“指针”

    2024-04-21 12:56:05       15 阅读
  4. 2233: 【数学】因子游戏

    2024-04-21 12:56:05       17 阅读
  5. 【Redis(6)】Redis集群模式配置示例

    2024-04-21 12:56:05       17 阅读
  6. 设计模式|迭代器模式(Iterator)

    2024-04-21 12:56:05       17 阅读
  7. 微信小程序手机授权报错:pad block corrupted

    2024-04-21 12:56:05       42 阅读
  8. flutter知识点--PlatformView

    2024-04-21 12:56:05       18 阅读