Vue中mintui的field实现blur和focus事件的⽅法
⾸先上代码说总结：
<mt-field label="卡号" v-model="card.cardNo" @blur.native.capture="checkCard"></mt-field>
methods: {
checkCard() {
console.log('1111');
}
}
使⽤@blur.native.capture=""即可实现。onblur和blur的区别
另⼀种⽅法：
使⽤vue-directive指令实现。这种⽅法有个问题没解决，不推荐使⽤。
<mt-field label="卡号" v-model="card.cardNo" v-mintblur></mt-field>
Vue.directive('mintblur', { // 暂不使⽤directive实现blur事件了，使⽤@blur.native.capture="cardNoBlur"即可。
inserted: function(el, pra, a) {
let oInput = el.querySelector('input');
console.log('oInput', oInput);
// 创建focus的事件
};
console.log('blu1r');
this.$pression);
};
}
});
这种⽅法暂不⽀持类似于v-mintblur="myfunction"调⽤⾃定义函数处理功能：
<mt-field label="卡号" v-model="card.cardNo" v-mintblur="myfunction"></mt-field>
以上这篇Vue中mintui的field实现blur和focus事件的⽅法就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。