movii
6/24/2017 - 4:06 AM

Vue.js Dynamically Compile <router-link />: 3. demo - 2 component <dynametic-link>

Vue.js Dynamically Compile <router-link />: 3. demo - 2 component <dynametic-link>

dynameticLink.vue
content_copyfile_download
Vue.component('dynamic-link', {
  template: '<component v-bind:is="transformed"/>',
  data () {
    return {
      text: '<router-link to="/foo">Go to Foo</router-link>'
    }
  },
  computed: {
    transformed () {
      return { template: this.text }
    }
  }
});