Nuxt.js: Vuetify Data Table Unable to render
Issue
Unable to render v-data-table due to error undefined object.
Suspected unable to get the data from items as props.
Error message:
ta option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.
Version:
nuxt: 1.0.0-rc11
vuetify: 0.17.1
Code:
```
:items="items"
hide-actions
class="elevation-1"
>
{{ props.item.name }}
{{ props.item.calories }}
{{ props.item.fat }}
{{ props.item.carbs }}
{{ props.item.protein }}
{{ props.item.sodium }}
{{ props.item.calcium }}
{{ props.item.iron }}
look416
All 5 comments
I have this same error. I copied all the code from the page: https://vuetifyjs.com/components/data-tables
jakub-wisniewski
on 21 Nov 2017
@look416 @jakub-wisniewski slot-scope in vuejs is new from 2.5.0 and up. My guess is that since 1.0.0-rc11 of Nuxt is running on vuejs ~2.4.3, it will not work. Dev branch of nuxt have upgraded to 2.5.x try that and see if it works.
tforssander
on 21 Nov 2017
@look416 @jakub-wisniewski Try using the scope attribute instead (replaced by slot-scope in 2.5.0+) but should work.
tforssander
on 21 Nov 2017
Thanks for helping with the issue.
@tforssander , how do I use the current dev branch, I tried with the github link, but when I am starting the server, it couldnt find dist/nuxt.
But using the scope attribute works for now.
look416
on 24 Nov 2017
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
![lock[bot] picture](https://avatars1.githubusercontent.com/in/6672?v=4&s=40)
lock[bot]
on 4 Nov 2018
Related issues
bimohxh
路
3Comments
VincentLoy
路
3Comments
shyamchandranmec
路
3Comments
jaredreich
路
3Comments
nassimbenkirane
路
3Comments
Most helpful comment
@look416 @jakub-wisniewski Try using the
scopeattribute instead (replaced byslot-scopein 2.5.0+) but should work.