VueJs child components in Laravel

Question

I've trouble using components and child components in Vue.js. I can't get the correct DOM using child components and v-repeats at the custom tags. This is my code: http://laravel.io/bin/rowQx

I can't understand even though I've scratched my head for hours why the repeated role-user tags are placed after the form-group but before the entire table. The placement of the tags is before . Why so? Why does it not land in the components in as I thought since it's where it's placed. Any ideas?

I think the reason behind this is that you're not allowed to put <role-user> tags inside a tbody since it executes as invalid table html output. Anyone who have experience in fixing this? — murum
– murum, Commented Jul 1, 2015 at 7:48

kevnk · Accepted Answer · 2017-10-27 11:57:14Z

1

At the moment this issue is solvable. Check the code and manual article.

<tr is="role-user" v-for="user in usersList"></tr>

I'm not sure if v-for won't break in here. As a workaround, you can use template.

<template v-for="user in usersList">
    <tr is="role-user"></tr>
</template>

edited Oct 27, 2017 at 11:57

kevnk

19.2k3 gold badges31 silver badges30 bronze badges

answered Dec 19, 2015 at 9:30

Yauheni Prakopchyk

11k5 gold badges37 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

abstractFlo · Accepted Answer · 2015-07-01 08:27:57Z

0

You need to put the content Tag in your User-Table view to render the nested child. Place it in the Position where you want to render it like the yield in laravel

answered Jul 1, 2015 at 8:27

abstractFlo

413 bronze badges

7 Comments

murum Over a year ago

As you can see in this link there's a tag in the users-table laravel.io/bin/rowQx#78 :)

murum Over a year ago

What do you mean with the Content Tag? Could you please try to take my code and give me a hint after you've edited it?

abstractFlo Over a year ago

Sorry at this Moment i am only on Phone. But when i am home i will give you an example

abstractFlo Over a year ago

Try this, it's untested and i hope it is working laravel.io/bin/1y6Kj#79-80

murum Over a year ago

Thanks. But what should it do? I already have my child component role-user which doesn't appends correctly in that tbody. Why should <content> do so?

|

murum · Accepted Answer · 2015-07-13 09:59:36Z

0

The solution was to go away with a div structure. I think it's not possible to add a tbody / table rows when the html is already rendered.

answered Jul 13, 2015 at 9:59

murum

5755 silver badges19 bronze badges

Collectives™ on Stack Overflow

VueJs child components in Laravel

3 Answers 3

Comments

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related