fix(components): [form] label rerendered when labelFor is true

[Liao-js]

fix #16424

Please make sure these boxes are checked before submitting your PR, thank you!

• Make sure you follow contributing guide English | (中文 | Español | Français).
• Make sure you are merging your commits to dev branch.
• Add some descriptions and refer to relative issues for your PR.

[pull-request-triage]

👋 @Liao-js, thank you for contributing element-plus.

• You can comment with /label Components:[component_name] to add a label for which component you are working on.
• You may join our for staying tuned.

[github-actions]

[github-actions]

Hello @Liao-js, thank you for contributing to element-plus, please see our guideline to see how to make contribution

[github-actions]

🧪 Playground Preview: https://element-plus.run/?pr=16759
Please comment the example via this playground if needed.

[btea]

Thanks!

[makedopamine]

It makes SSR unfriendly.

before

after

[btea]

@makedopamine Thanks for the reminder, I overlooked this before. 👍

[Liao-js]

Any good suggestions?

[btea]

I haven't thought of any good method at the moment, @makedopamine do you have any suggestions?

[makedopamine]

Since the value of labelFor depends on the value of inputIds, the key is to avoid getting stale value of labelFor in patch phase.

The PR #15183 addressed a similar issue to this, you can take a look.