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

Question

<v-field  label="用户名:" placeholder="输入用户名" v-model="userName"  @focus="show"></v-field>

用的Mint-ui

show不会执行

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事件
    };
})

Answer 2

问题解决了没

Answer 3

问题解决了没

Answer 4

快疯了 好友的答案是可以触发 blur事件，可是怎么样获取 data里的数据并改变他呢？？？？