Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
zfive5 opened this issue May 13, 2024 · 0 comments · May be fixed by #16848

Comments

@zfive5
Copy link

zfive5 commented May 13, 2024

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant