Table - vuejs v-for

Get help with using Metro 4 components
Post Reply
zac.mad
Posts: 2
Joined: Thu Jun 06, 2019 7:36 am
Status: Offline

Table - vuejs v-for

Post by zac.mad » Thu Jun 06, 2019 7:48 am

my code :
...
<tbody>
<tr v-for="user in users" :key="user.id">
<td>{{user.id}}</td>
<td>{{user.name}}</td>
<td>{{user.email}}</td>
</tr>
</tbody>
....
am i doin it the wrong way or the v-for directive doesn't work with tables that using data-role="table"...any way around it?!

Note : it works fine when i remove data-role="table"

drodriguez
Posts: 45
Joined: Wed Apr 11, 2018 7:32 pm
Status: Offline

Post by drodriguez » Sat Jun 08, 2019 12:12 am

Do you init Metro after mounted vuejs?

https://metroui.org.ua/vuejs.html

var app = new Vue({
el: '#app',
data: {
},
mounted: function () {
Metro.init();
}
})

zac.mad
Posts: 2
Joined: Thu Jun 06, 2019 7:36 am
Status: Offline

Post by zac.mad » Sun Jun 09, 2019 6:16 am

Yup i did..same issue

Post Reply