Я не могу использовать функции рендеринга vue для рендеринга uicomponents Vuetify (v-app-bar, v-navigation-в отдельном компоненте vue - PullRequest
Новая
       7

Я не могу использовать функции рендеринга vue для рендеринга uicomponents Vuetify (v-app-bar, v-navigation-в отдельном компоненте vue

0 голосов
/ 17 июня 2020

Main. js

import Vue from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify';

Vue.config.productionTip = false

new Vue({
  vuetify,
  render: h => h(App)
}).$mount('#app')

App. vue

template>
  <v-app>
    <Navbar/>
    <div>
      <v-content  class="mx-4 mb-4">
        <router-view></router-view>
      </v-content>
    </div>
  </v-app>
</template>

<script>
import Navbar from '@/components/Navbar'

export default {
  name: 'App',

  components: {
    Navbar
  },

  data: () => ({
    //
  }),
};
</script>

Navbar. vue (current) 

<template>
  <div>
    <v-app-bar app flat color="">
      <v-app-bar-nav-icon></v-app-bar-nav-icon>
      <v-toolbar-title>
        <span>Sample App</span>
      </v-toolbar-title>
    </v-app-bar>
  </div>
</template>
....
....

Navbar. vue (желательно) 

no template because I want to use render function
<script>
export default {
...
...
  render(createElement){
    const icon = createElement('v-app-bar-nav-icon')
    return createElement('v-app-bar', [icon])
...
...
}
}

Когда я пробую это, я получаю сообщение об ошибке: vue .common.dev. js? 4650: 630 [Vue предупреждение ]: Неизвестный пользовательский элемент: - Вы правильно зарегистрировали компонент? Для рекурсивных компонентов обязательно укажите параметр «имя».

Есть предложения?

...