javascript - Vue自定义指令如何接收函数作为参数并且该函数不会自动执行

Question

如何接收像 vue v-on 这样的指令中带有参数的函数？

<div v-example="test(id)"></div>

和这个脚本

methods: {
    test(id) {
        console.log(id);
    }
}

测试函数会自动执行，但 v-on 不会？

Answer 1

您还可以执行以下操作:

<div v-example="test(id)"></div>

脚本:

directives: {
  'example': {
    bind(el, binding, vnode) {
      el.addEventListener(binding.arg, (e) => {
        if(binding.value instanceof Function) {
          binding.value();
        }
      })
    }
  } 
},
methods: {
  test(id) {
    let local_id = id;
    return () => {
       console.log(local_id);
    }
  }
}