Failed to resolve directive

  • Hi!

    I’m trying to create a custom directive and for some reason is failing.

    I’ve have the intuition that should be done as plugins I didn’t succeed.

    export default ({ Vue }) => {
        Vue.directive('capde', {
            bind: function (el, binding, vnode) {
                console.log('ELEMENT', binding)

    <section v-elemlog class="full-screen full-height">...

  • If your custom directive is called ‘capde’, you should use it like this:
    <section v-capde></section>

  • This post is deleted!

  • I’ve solved:
    Sorry the above was just another attemp. Yes it works with v-whatever-directive. @ouaR’s right! thanks!

    But real issue was because Quasar treates anything outsider kind of like a plugin. So:
    1- In quasar.conf.js file, go to plugins (make sure is not in framework.plugins array)
    2- add there your directive’s filename. NOT the directive’s name
    Done 🙂

Log in to reply