Add tdComp: blank

[agungid]

Hi. I'm having trouble composing tdComp. The element I created is not showing. Is there something missing?
Code https://pastebin.com/WTu9ege4

[kenberkeley]

Pardon me for replying so late.
Have you solved the problem?

[kenberkeley]

Line65：</dvi>

[agungid]

Not yet. I fixed it but still blank.

<template>
  <div>
    <button class="btn btn-default" title="Edit">
      <i class="fa fa-pencil"></i>
    </button>
  </div>
</template>

[kenberkeley]

Any snapshot? Any console error message?

[agungid]

In the console there is no error

[kenberkeley]

It seems that Opt is unavailable.
Try: in Vue devtools, select Datatable in the component tree. Then execute $vm.comp in the console

[kenberkeley]

The console should output Object { Opt: XXX } if everything's alright

[agungid]

[kenberkeley]

Very strange...

[kenberkeley]

It couldn't be possible...

[agungid]

@kenberkeley Is there any other solution to this problem?

[cosmic-fibre]

@kenberkeley can you elaborate more please?

[kenberkeley]

Register Opt component globally please

[kenberkeley]

Is that OK?

[agungid]

Still not able. The code is like this
https://pastebin.com/k08MkyxE

[kenberkeley]

You should Vue.component('Opt', components.Opt)

[agungid]

Yeah this works.
But if the register to global what will not be a problem?

[kenberkeley]

Oh I see.
https://pastebin.com/k08MkyxE Line11 and Line47.
components conflicts, so the latter overrides the former

[kenberkeley]

At the beginning, the code in https://pastebin.com/WTu9ege4 did not appear this problem.
That's why I felt so strange.

[kenberkeley]

It would be better to present an integrity example next time.

[agungid]

I have changed like this. But it did not work

import cmp from './cmp/'
export default {
  cmp,
 .......
}

[agungid]

Successful if registered in global

[kenberkeley]

Why not trying:

components: {
  addPartisipant,
  editPartisipant,
  ...cmp
}

[kenberkeley]

Checkout Vue.js official docs: https://vuejs.org/v2/guide/components.html#Local-Registration

[agungid]

Thanks. This works well

[kenberkeley]

It is suggested using ESLint to avoid these mistakes.

[agungid]

Ok, thank you