[Vuejs]-Render HTML Tag Vue.js

by

2👍

You’re thinking about this a little oddly. What I think you’d be better off doing is putting a v-for on a <vsection> component.

<vsection v-for="section in sections">
  {{ section.content }}
</vsection>

This way, when you push content to sections it’ll out put another one. You’ll also have to adjust your section component so you can use the content.

<template id="section-template">
  <div class="section">
    <slot></slot>
  </div>
</template>

Here it is working like I think you want: http://jsbin.com/suhadidobe/1/edit?html,js,output

👤Bill Criswell

Leave a comment