如何运行vue指令函数？

Question

我有这个vue 2 cli指令

directives: {
swipe: {
  inserted: function runme(el) {
  alert(el);
    },
  },
},

如何从方法或其他指令运行runme(obj)

Answer 1

您可以将通用代码分解到它自己的独立方法中，该方法可以从任何地方调用：

function swipeInserted(el, binding, vnode) {
  alert(el)
}

export default {
  directives: {
    swipe: {
      inserted: swipeInserted,
    },
    other: {
      inserted(el, binding, vnode) {
        swipeInserted(el, binding, vnode)

        // other code specific to this directive...
      }
    }
  },
  methods: {
    runInserted() {
      const el = {/*...*/}
      const binding = {/*...*/}
      const vnode = {/*...*/}
      swipeInserted(el, binding, vnode)
    }
  }
}