vue 指令directive 綁定方法

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('回車(chē)事件')
    }
}
<buttom v-enterEvent="{methods:enterEvent}">搜索</buttom>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容