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事件;//定义自定义指令来使用//使用&nbsp; v-lfocus 指令<mt-field type="text" placeholder="输入账号" v-model="phone" v-lfcous></mt-field>//自定义指令&nbsp;Vue.directive('lfcous', function(el, pra, a) {&nbsp; &nbsp; let oInput = el.querySelector('input');&nbsp; &nbsp; oInput.onfocus = function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;//创建focus的事件&nbsp; &nbsp; };&nbsp; &nbsp; oInput.onblur = function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //同时创建blur事件&nbsp; &nbsp; };})