Component of two table rows?

Question

JavaScript

How to repeat with a component the same thing done via https://jsfiddle.net/1Lgn09o5/13/<template v-for="">

Answer 1

To repeat - no way. Each component should have a single top-level element, and there's nothing you can do about it. So either through the tbody, as mentioned above, or split into several components, or leave everything in the template v-for loop.

Answer 2

There was a similar question just a couple of days ago, the point is to wrap it in the tbody in the component:

<tbody>
  <tr><td colspan=2>Строка {{elem}}</td></tr>
  <tr><td>лево</td><td>право</td></tr>
</tbody>