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

Update sent to component rendering the slot instead of the component passing the slot #1404

Closed
glennraya opened this issue Apr 15, 2021 · 8 comments
Labels

Comments

@glennraya
Copy link

Version

6.0.0-beta.7

Browser and OS info

Chrome v90

Steps to reproduce

Open vue-dev tools (beta 6) bind input using v-model as usual, then if you try to type something, the property on data {} is not updating on the vue-dev tools.

What is expected?

Property in data() {} should be updating when value is changed. It's properly bound using v-model

What is actually happening?

The property is not updating unless you select other components then selecting the component again.

@letehaha
Copy link

letehaha commented May 7, 2021

On 6.0.0-beta.9 all is working fine, so possibly might be closed.

@Akryum Akryum added the v6 label May 7, 2021
@glennraya
Copy link
Author

On 6.0.0-beta.9 all is working fine, so possibly might be closed.

It's still the same on beta 9 (at least on my side), I have to click the component to see the changes to the vue-devtools inspector. :(

@Akryum
Copy link
Member

Akryum commented May 10, 2021

Please provide a runnable minimal reproduction. Thank you.

@iraklisg
Copy link

iraklisg commented May 14, 2021

Hello All

I am having the same problem. The issue basically occurs when the input component is wrapped in another component that exposes a slot.

Here is a reproduction link: https://github.com/iraklisg/vue-3-dev-tools

In the App component the inputs.bar ref property is updated in dev-tools as expected. However, the inputs.foo does not update since it is slotted via FormSection component.
In addition, typing on the inputs.bar input triggers inputs.foo property to update

I am using v6.0.0-beta.10 on Firefox Developer edition 89.0b6 (64-bit) - OS Linux

--
Possibly related to #1366

@glennraya
Copy link
Author

Hello All

I am having the same problem. The issue basically occurs when the input component is wrapped in another component that exposes a slot.

Here is a reproduction link: https://github.com/iraklisg/vue-3-dev-tools

In the App component the inputs.bar ref property is updated in dev-tools as expected. However, the inputs.foo does not update since it is slotted via FormSection component.
In addition, typing on the inputs.bar input triggers inputs.foo property to update

I am using v6.0.0-beta.10 on Firefox Developer edition 89.0b6 (64-bit) - OS Linux

--
Possibly related to #1366

This is likely the issues on my side. Thanks for sharing!

@Akryum Akryum added bug and removed need repro labels May 18, 2021
@Akryum Akryum changed the title property in data() is not updating even if it's binded with v-model Update sent to component rendering the slot instead of the component passing the slot May 18, 2021
@Akryum
Copy link
Member

Akryum commented May 19, 2021

Fixed in vue 3 repository

@Akryum Akryum closed this as completed May 19, 2021
@iraklisg
Copy link

@Akryum thank you. Should we expect to see the fix with the next Vue 3 release (3.0.12) ?

@Akryum
Copy link
Member

Akryum commented May 22, 2021

3.1 beta 4 should be released on Monday, will see if we do a patch to 3.0

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

No branches or pull requests

4 participants