element-plus / element-plus

🎉 A Vue.js 3 UI Library made by Element team

Home Page:https://element-plus.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Component] [form] 表单组件中,没有传递status-icon属性,但还是显示了校验结果反馈图标,input组件prepend插槽中使用了select组件

zfive5 opened this issue · comments

commented

Bug Type: Component

Environment

  • Vue Version: 3.4.21
  • Element Plus Version: 2.7.2
  • Browser / OS: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36 Edg/124.0.0.0
  • Build Tool: Vite

Reproduction

Related Component

  • el-form

Reproduction Link

Element Plus Playground

Steps to reproduce

1:点击第一个输入框
2:点击第二输入框
3:点击空白位置

What is Expected?

没有为el-form提供status-icon属性,不应该在第一个输入框前面显示校验结果反馈图标

What is actually happening?

没有为el-form提供status-icon属性,但在第一个输入框前面显示了校验结果反馈图标

Additional comments

<script lang="ts" setup> import { reactive, ref } from "vue"; import type { FormRules } from "element-plus"; const select = ref(""); interface RuleForm { name: string; } const ruleForm = reactive({ name: "", }); const rules = reactive>({ name: [{ required: true, message: "p", trigger: "blur" }], }); </script>

image