Skip to content

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

Open
@HaiRongHaHA

Description

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

Metadata

Assignees

No one assigned

    Labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions