directive 中如何調(diào)用綁定的方法
全局中注冊(cè)指令
enterEvent
, 用的時(shí)候需要加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>