Vue.jsのカスタムディレクティブにプロパティを適用する方法は？

Question

は、ディレクティブにプロパティをスコープする方法はありますか？何かこれは私がそれに基礎を追加することができますし、要素がバインドされていないときに（イベントリスナーなどを削除する）をクリアすることができますか？あなたはVueのインスタンス上のデータのプロパティにアクセスできるようになるvnode.contextを使用する必要が

Vue.directive('toggler', { 
    inserted(el) { 
    this.toggler = new Foundation.Toggler($(el)); 
    }, 
    unbind() { 
    this.toggler.destroy(); 
    }, 
}); 

Answer 1

：

Vue.directive('toggler', { 
    inserted(el, binding, vnode) { 
    vnode.context.toggler = new Foundation.Toggler($(el)); 
    }, 
    unbind(el, binding, vnode) { 
    vnode.context.toggler.destroy(); 
    }, 
}); 

は、ここで基本的なプロセスを示すことJSFiddleです：そうhttps://jsfiddle.net/dv5n39ta/

Answer 2

OKこの私が望んでいたものを達成する。要素にプロパティを割り当てると、ジョブが実行されます。

Vue.directive('f-toggler', { 
    inserted(el) { 
    /* eslint-disable no-param-reassign */ 
    el.fToggler = new Foundation.Toggler($(el)); 
    }, 
    unbind(el) { 
    el.fToggler.destroy(); 
    }, 
});