title: Vue.JS Changing parent tag depending on condition
body: <p>I want to have the same childrens but change the parent tag depending on the condition</p>
  
  <p>currently I am using</p>
  
  <pre><code>draggable(v-if="dragMode" v-model...)
    .dragable1
    .dragable2
    .dragable3
  
  notDraggable(v-else v-model...)
    .dragable1
    .dragable2
    .dragable3
  </code></pre>
  
  <p>but I would love to have something like this(selecting only 1 arrow as the parent).</p>
  
  <pre><code>draggable(v-if="dragMode"...) &lt;----------
  .notDraggable(v-else)         &lt;----------
     .dragable1
     .dragable2
     .dragable3-
  </code></pre>
  
  <p>My current solution "flickers" when I change the value of dragMode :/</p>
  
  <p>Any ideas?</p>