在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ VUE2.0 的 mint-ui 的文本輸入框filed 怎么綁定fo

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

<v-field  label="用戶(hù)名:" placeholder="輸入用戶(hù)名" v-model="userName"  @focus="show"></v-field>

用的Mint-ui

show不會(huì)執(zhí)行

回答
編輯回答
醉淸風(fēng)

快瘋了 好友的答案是可以觸發(fā) blur事件,可是怎么樣獲取 data里的數(shù)據(jù)并改變他呢????

2018年7月8日 18:05
編輯回答
胭脂淚

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

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

//定義自定義指令來(lái)使用

//使用  v-lfocus 指令
<mt-field type="text" placeholder="輸入賬號(hào)" v-model="phone" v-lfcous></mt-field>

//自定義指令
 Vue.directive('lfcous', function(el, pra, a) {

    let oInput = el.querySelector('input');
    oInput.onfocus = function() {
           //創(chuàng)建focus的事件
    };

    oInput.onblur = function() {
          //同時(shí)創(chuàng)建blur事件
    };
})


2018年1月25日 12:10
編輯回答
瞄小懶

問(wèn)題解決了沒(méi)

2017年6月11日 00:18