How to use a directive in a component

Asked Jun 25 '18 at 13:32

Active Jun 25 '18 at 13:32

Viewed 51 times

I've been bashing my head against this for 9 hours now. How do I use a directive inside a component?

I'm trying to implement a click-outside event on my clickable components, following this thread. But my component is in a separate .vue file with template, etc, and I have been googling and throwing copy pasted code at it for hours and I just can't get it to work. It either can't find the imported file, or can't find the click-away function, or all sorts of crazy compile errors or runtime errors.

I'm still somewhat new to Vue, but what's the standard way of using a directive in a component? I thought it would be super simple, but I've got hundreds of tabs open and every single possible google link is purple, and nothing works. How are directives even possible if no ones using them with components?

asked Jun 25 '18 at 13:32

Fred Wilson

1

Can you show what you've tried? – Phiter Jun 25 '18 at 13:34
Maybe this could help https://github.com/simplesmiler/vue-clickaway – Phiter Jun 25 '18 at 13:36
Can you post some codes? Just the last code that you've used. – Sean Reyes Jun 25 '18 at 13:40
It should work fine, even within components. Instead of ranting here please paste a workable piece of code so this can at least be constructive. – Stephan-v Jun 25 '18 at 14:08

How to use a directive in a component

0 Answers0