1. 程式人生 > >vue框架中的表單輸入框不支援focus以及blur事件的解決方案

vue框架中的表單輸入框不支援focus以及blur事件的解決方案

採用指令的方式來解決這個問題(此處的前端框架以mint-ui為例):

1.html引用: v-mtfocus


2.在例項中新增指令

directives: {
    'mtfocus' (el, binding, vnode) {
      let mtinput = el.querySelector('input')
      mtinput.onfocus = function () {
       ...//如果要對節點的資料進行更改,且更改要對映到頁面上,則更改可在vnode.context上進行,這樣,改完之後,改變就會對映到頁面
      }
      mtinput.onblur = function () {
        ...//同上理
      }
    }

  }