Change template inside component about vue-2-breadcrumbs HOT 8 CLOSED

@letanure Hi, try

Vue.use(breadcrumbs, {
  methods: {
    getBreadcrumbs() {...}
  },
  template: '#crumbs'
});

from vue-2-breadcrumbs.

@letanure Hi, try

Vue.use(breadcrumbs, {
  methods: {
    getBreadcrumbs() {...}
  },
  template: '#crumbs'
});

unfortunately same error

from vue-2-breadcrumbs.

hmmm, may be

<script>
import Vue from 'vue';
import breadcrumbs from 'vue-2-breadcrumbs';

Vue.use(breadcrumbs, {
  template: '#crumbs'
});

export default {
  methods: {
    getBreadcrumbs() {...}
  }
}
</script>

if you don’t work out, put an example on a github I’ll try to solve this problem

from vue-2-breadcrumbs.

hmmm, may be

<script>
import Vue from 'vue';
import breadcrumbs from 'vue-2-breadcrumbs';

Vue.use(breadcrumbs, {
  template: '#crumbs'
});

export default {
  methods: {
    getBreadcrumbs() {...}
  }
}
</script>

this is work, but how I can extend code of this method, for example I need something like this.

export default {
  methods: {
    getBreadcrumbs = breadcrumbs.getBreadcrumbs();
  }
}

and just use it on my template? Do you understand what I want?

from vue-2-breadcrumbs.

from vue-2-breadcrumbs.

Do you understand what I want?

I'm not sure that I understand your idea, but it is probably worth making it as a component and reuse it.

from vue-2-breadcrumbs.

I made as in a doc.

Vue.use(VueBreadcrumbs, {
  template:
    `<nav class="breadcrumb" v-if="$breadcrumbs.length" aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li v-for="(crumb, key) in $breadcrumbs" v-if="crumb.meta.breadcrumb" :key="key" class="breadcrumb-item active" aria-current="page">
          <router-link :to="{ path: crumb.path }">{{ getBreadcrumb(crumb.meta.breadcrumb) }}</router-link>
        </li>
      </ol>
    </nav>`
});

Can I close issue?

from vue-2-breadcrumbs.

Can I close issue?

Of course, if you find a solution

from vue-2-breadcrumbs.