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

The jsx component renders the slot content. After the data changes, the dom attribute is not updated. #12709

Open
HaiRongHaHA opened this issue Jan 14, 2025 · 0 comments · May be fixed by #12713

Comments

@HaiRongHaHA
Copy link

Vue version

3.5.13

Link to minimal reproduction

https://play.vuejs.org/#eNqVVU9rE0EU/yrDesgG0m1LLMiaBDX0oIcq1lu3yGbzkmy7O7PMzMaUsCAqqKggePVYEAQ9eBGpfpy0X8M3M/uvaZvSHJKZ937zfu9/5tb9JHGmKViu1REBDxNJBMg06Xk0jBPGJZkTDiOSkRFnMWkgtFGqJAiZy511dVGWUO3RgFFUCQmJIF2y51FC5uqLkIRDAFS6pL3RMhIJM7w2zk5eN7Qk09/L8K2bwe9cCffo/t3KRT+Q4RTQRwzS3mxWiolPh5FS2CEdwqzZ7WkKg3emfpQqpdZ5FI121k36MHF4kRAnkS8Bb4TgDQ0S4890bcR417PsEDEtY6CJPyZZnmVQ7iEcIciYL2SGG8XmUMo1ahl9j9E+xjBWeBOLZ2lv0J9hOCVB5AuBOpUfMuZwhOrTr98Xf18uvn0gImKSdNYRqOPRr4qYyC0/N3S5MQ5DtLX492Xx/pMxNJ+rYJ28OFlWGNbvsXHKXF1gGqxkQreBKq7fvxY/P56++3xDOnMVqmZLbnSEPIrU0VFEuvKxz8chXRswKVnsks2NZIZ9hJV3VPY0JGAR467OZq7CXNQ1eK3eAF16BNQosZVydqtlSYH9OArHzoFgFKdUv/GsgMVJGAF/nMgQ+9Wz3GIEsD2iiL14pGWSp5APAr6ZQHB4ifxAYNe4eHjCQQBXnVXqJEYN0qi3d3cwGTVlzIap6qsVyqcgWJQqHw3sQapakddw2tuHeqGEdPxMbM8kUFEEpRytptyzcMH0V4Reudt2bufjnqks5suptuYiHA5sJB18fdsNYRRSTcIotk+LTM4tP707YKbBCPXTSP/Wn9jaHerHgIunPwmjYakyOwjiUAqX7DWKGW3sa3nCWYLyPBoz5S7ZSeMB8DxfesbPyUxm9NK2tYEWBqHmQLQUD8mahUGz2DigCb6rBgWXW5N0e4UerY+MCSdfix3jkmO2VAlTQGJrDifPQUliPhzd4bjT6hC7ibkrAFiX8nAVe7fbvZ7fX2Je4vZXsF7F27uedbAq3sE1kWa6h6qKmPXcj8Lg8GJJVA3tqlFa53zLaYxBc849MVbsworancurFG0qyu68xp/1zl79Wbw9Of1xvDh+s7YWaKcmwKG+RNVnXvWR3SxjrKOMd2oA1an8f8RpfD4FriYcp7HtbDmbbSv7D5bzzIM=

Steps to reproduce

image

When clicking any test component, the color of the component in front of it and the element in the slot named b is not updated to green (now it is red). The text content is updated, but the style is not updated.

What is expected?

The class attribute of the dom in the slot named b should change to green.

What is actually happening?

Now I add variables to the dom in the slot named b. When I click the test component, the dom element content is updated, but the class is not updated. The real dom should become class="text green", but now it is class="" text red", it looks like when rendering the slot in jsx, there is variable content in the slot, and the dom attribute is not updated successfully.

System Info

No response

Any additional comments?

No response

@linzhe141 linzhe141 linked a pull request Jan 15, 2025 that will close this issue
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