Как вставить свой компонент VUE во внутрь Element io TREE?

Question

[NiceScript]

Я использую Element IO Tree component в vue.js.

<el-tree
                  :data="TreeData"
                  node-key="_id"
                  :default-expand-all="true"
                  :expand-on-click-node="false"
                  id="engine_tree">
                  <span class="custom-tree-node" slot-scope="{ node, data}">
                    <span>
                      {{ node.label.name }}
                    </span>
                    <span>
                      <oConfirm></oConfirm> // Мой компонент, который не подгружается
                    </span>
                  </span>
             </el-tree>

Я пытаюсь использовать свой компонент внутри "el-tree", но он не подгружается.
oConfirm подключаю так :

export default {
name: ‘tree’,
components: {
oConfirm: () => import(’@/components/static/o-confirm’)
}, ....

Если вставляю oConfirm за пределы el-tree, всё работает.
Как реализовать?

Comments

[Сергей delphinpro]

Зарегистрируйте компонент глобально

[Сергей delphinpro]

Безотносительно проблемы:
почитали бы стайл-гайд по Vue https://ru.vuejs.org/v2/style-guide/
(это я к тому, что странно как-то компонент свой назвали)

[NiceScript]

Сергей delphinpro,
спасибо, добавил в main.js две строчки и всё заработало

import oConfirm from '@/components/static/o-confirm'
Vue.component('oConfirm', oConfirm)