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

[Bug Report][3.7.6] VDataTable: Cannot read private member Error when using #[item.${string}] slots #20849

Open
Chris-McQuiggan opened this issue Jan 9, 2025 · 0 comments

Comments

@Chris-McQuiggan
Copy link

Environment

Vuetify Version: 3.7.6
Vue Version: 3.5.13
Browsers: Chrome 131.0.0.0
OS: Windows 10

Steps to reproduce

  1. Create a class with a private member (eg #id) and create a getter that accesses that member (eg id).
  2. Create a data table showing a list of items of that class
  3. Add headers for the table that access that property
  4. Note that the value is shown of the data table at this point
  5. Add a template for #[item.id]
  6. Try to render item
  7. Observe error

Expected Behavior

Expected to be able to access the public getter value

Actual Behavior

Get the error: "Cannot read private member #id from an object whose class did not declare it"

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

Also note that the properties can be accessed fine from within the script.

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

No branches or pull requests

1 participant