VUE2.0 的 mint-ui 的文本输入框filed 怎么绑定focus blur事件

Question

<v-field  label="用户名:" placeholder="输入用户名" v-model="userName"  @focus="show"></v-field>用的Mint-uishow不会执行

Answer 1

最后自己找到解决方法了:

mt-field 组件中有input元素, 找到input 并且赋予 focus和blur事件;

//定义自定义指令来使用

//使用  v-lfocus 指令

<mt-field type="text" placeholder="输入账号" v-model="phone" v-lfcous></mt-field>

//自定义指令

 Vue.directive('lfcous', function(el, pra, a) {

    let oInput = el.querySelector('input');

    oInput.onfocus = function() {

           //创建focus的事件

    };

    oInput.onblur = function() {

          //同时创建blur事件

    };

})