vue中監聽input框獲取焦點，失去焦點的問題

博主之前在用vue的獲取焦點，失去焦點的時候，出現了@blur和@focus無效的情況。當時百思不得其解。今天又在寫vue頁面的時候，突然@blur和@focus又好用了。emmmm，看來這部分值得一戰。

1、html**

//這是html的輸入框。定義了乙個獲取焦點，失去焦點的方法

2、js部分

// 失去焦點和得到焦點的驗證方法，name為要驗證的欄位名,type為blur或focus
animatewidth(name, type) else 
if (this.companyname.companyname.trim().length == 0) else 
} },

這個方法算是通用的方法，大家在html裡面根據自己的需求傳不同的值即可。

1、不好用的原因

博主又去看最初自己用@blur和@focus失敗的**，發現：

上次用的html部分是借用i-view框架的，也就是說，我們在使用vue的一些方法的時候，可能會和ui框架定義的方法衝突。這部分參考部落格：

了解原因之後，我們就知道了，使用vue自帶的@blur和@focus是沒問題的，如果在你的**中不起作用，那只能證明一件事，那就是你的ui框架自己定義的有獲取焦點失去焦點的方法。建議大家使用ui框架之前，先去官方文件看看，這樣會好很多。

2、新增指令的方法

出現這個問題，說到底還是自己對vue不熟練造成的，姑且記錄一下吧。

end