title: How to insert Vue component in dynamic position?
body: <p>Lots of panels (product) are showing in a page in multiple row and multiple column. I'm using Vue 2 and panels are components. Now, on clicking a panel, I want to show details of that panel below the row of that. This is similar to Google image search.</p>
  
  <p><a href="https://i.stack.imgur.com/dAyQw.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dAyQw.jpg" alt="enter image description here"></a></p>
  
  <p>For example, in the above image, if I click any of the s1, s2 or s3, the big panel will appear after s3 (last element of that row). Similarly, for clicking s4 or s5, the big panel appear after s5.</p>
  
  <p>** Number of items in a row will vary based on the screen size.</p>
  
  <p>How to find the last element of the row and insert a component after that element?</p>