javascript - 如何在 Vue.js 中将属性范围限定为自定义指令？

Question

有没有办法将属性范围限定为指令？像这样的东西，以便我可以在元素未绑定(bind)时为其添加基础并清除它(删除事件监听器等)？

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

Answer 1

好的，这样就达到了我想要的效果。将属性分配给元素即可完成这项工作。

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