devtools-next icon indicating copy to clipboard operation
devtools-next copied to clipboard

Computed properties accumulate from previously inspected components

Open MetRonnie opened this issue 1 year ago • 7 comments

There seems to be a bug where all the computed properties from all previously inspected components accumulate in the devtools, displaying as undefined, or old values. So you might end up selecting a component with no computed properties, and seeing this:

image

Seen on v7.6.1 of the extension, Vue v3.4.11, Chrome 130.0.6723.92, Windows 10

Edit: this seems worse than I first thought, it seems the hooks into Vue are actually causing these computed properties to get attached to components that shouldn't have them? I've started getting this warning which goes away when the extension is disabled:

[Vue warn]: Computed property "id" is already defined in Props.

MetRonnie avatar Oct 31 '24 16:10 MetRonnie

@MetRonnie Did you figure this out?

cutlerrickel avatar Dec 06 '24 23:12 cutlerrickel

@cutlerrickel What do you mean? This is a bug report.

MetRonnie avatar Dec 09 '24 11:12 MetRonnie

@MetRonnie My apologies. However, I was able to eliminate this same behavior by removing vuetify. It looks like they may be causing the pollution of the computed properties. I have not been able to figure out why, though.

cutlerrickel avatar Dec 09 '24 15:12 cutlerrickel

Interesting. I am using Vuetify 3.7.4. But I have not had this problem before with older versions of Vue devtools

MetRonnie avatar Dec 09 '24 15:12 MetRonnie

@MetRonnie did you also upgrade Vue during that time as well? I'll keep looking into it.

cutlerrickel avatar Dec 09 '24 16:12 cutlerrickel

I tried upgrading to the latest version of Vue but still encountered the problem

MetRonnie avatar Dec 09 '24 16:12 MetRonnie

Related #535

alexzhang1030 avatar Dec 20 '24 06:12 alexzhang1030