vue 指令directive 绑定方法

directive 中如何调用绑定的方法

全局中注册指令enterEvent, 用的时候需要加v-, 即:v-enterEvent

Vue.directive('enterEvent', {
  update: function(el, binding) {
    el.focus()
    once(document, 'keypress', e => {
      let code = e.which || e.keyCode
      if (code === 13) {
        let value = binding.value
        value.methods.call(this, value)
      }
    })
  }
})

绑定的方法

methods:{
    enterEvent(){
          console.log('回车事件')
    }
}
<buttom v-enterEvent="{methods:enterEvent}">搜索</buttom>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。