已解決430363個問題，去搜搜看，總會有你想問的

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

關注

首頁猿問 VUE2.0 的 mint-ui...

JavaScript

Smart貓小萌 2019-02-26 21:38:29

<v-field label="用戶名:" placeholder="輸入用戶名" v-model="userName" @focus="show"></v-field>用的Mint-uishow不會執行

查看完整描述

1 回答

回首憶惘然

TA貢獻1847條經驗獲得超11個贊

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

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事件

};

})

反對回復 2019-03-08

關注

舉報

0/150

提交

取消