Home

Issue: 1694

Problem: Re-compile, re-render template component with data in v-html

[issue link]

Hi, I need a help. I try put some data from API like this:

model: {
content: {
rendered: '<silentbox-group>
    <silentbox-item src="http://data.whicdn.com/images/71898812/large.jpg" autoplay="true" description="My very custom message">Item one</silentbox-item>
    <silentbox-item src="http://data.whicdn.com/images/71898812/large.jpg">Item two</silentbox-item>
    <silentbox-item src="http://data.whicdn.com/images/71898812/large.jpg">Item three</silentbox-item>
</silentbox-group>'
}
}

o thev Nuxt component template:

<div class="post-page__content" v-html="model.content.rendered"></div>

and I register component like this:

  import PostAuthor from '../PostAuthor.vue'
  import Comments from '../Comments.vue'
  import VueSilentbox from 'vue-silentbox'
  export default {
    props: {
      model: {
        required: true
      },
      comments: ''
    },
    components: {
      PostAuthor,
      Comments,
      VueSilentbox
    }
}

Nuxt put data like HTML, but plugin template not run…
How can I re-compile template to use plugin component in v-html ?

This question is available on Nuxt.js community (#c1518)