美文网首页
vue 指令directive 绑定方法

vue 指令directive 绑定方法

作者: Hoistthecolors | 来源:发表于2018-07-31 10:31 被阅读14次

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>

相关文章

网友评论

      本文标题:vue 指令directive 绑定方法

      本文链接:https://www.haomeiwen.com/subject/bjucvftx.html