app.js?dt=1569060337:129470 [Vue warn]: Failed to mount component: template or render function not defined.
found in
---> <VueBreadcrumbs>
<AppHeader> at resources/js/components/BS4/AppHeader.vue
<Root>
When I tried to use this component in my header component resources/js/components/BS4/AppHeader.vue:
<template>
<div class="app_header_container">
<vue-breadcrumbs></vue-breadcrumbs>
</div>
</template>
<script>
import {bus} from '../../app';
import appMixin from '../../appMixin';
import Vue from 'vue';
import VueBreadcrumbs from 'vue-breadcrumbs';
// Vue.use(VueBreadcrumbs)
Vue.use(VueBreadcrumbs, {
template: '<nav class="breadcrumb" v-if="$breadcrumbs.length"> ' +
'<router-link class="breadcrumb-item" v-for="(crumb, key) in $breadcrumbs" :to="linkProp(crumb)" :key="key">{{ crumb | crumbText }}</router-link> ' +
'</nav>'
});
export default {
components: {
VueBreadcrumbs // Register your component
},
data: function () {
...
Are there some parameter which must be set in definition of
<vue-breadcrumbs
?
Hello, In my Laravel 5.8/vuejs 2.6 app I installed https://github.com/samturrell/vue-breadcrumbs components. I added definitions to resources/js/routes.js, but I got error :
When I tried to use this component in my header component resources/js/components/BS4/AppHeader.vue:
Are there some parameter which must be set in definition of
<vue-breadcrumbs
?