vue 自定義指令自動(dòng)獲取文本框焦點(diǎn)的方法
更新時(shí)間：2018年08月25日 09:17:07 作者：lx_1024
今天小編就為大家分享一篇vue 自定義指令自動(dòng)獲取文本框焦點(diǎn)的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
HTML：
<p><b v-show="show">{{tag}}</b><input v-focus v-model="tag" :hidden="show" type="text"></p>
js：
官方例子：
directives: {
focus: {
// 指令的定義
inserted: function (el) {
el.focus()
}
}
}
我的：
directives: {
focus:function (el) {
el.focus();
}
}
在我的項(xiàng)目中使用官方的例子時(shí)，input不能自動(dòng)獲取焦點(diǎn)，使用我的js時(shí)可自動(dòng)獲取焦點(diǎn)，查詢相關(guān)資料后知道，insert是一個(gè)鉤子函數(shù)，只要父節(jié)點(diǎn)存在，在插入父節(jié)點(diǎn)時(shí)調(diào)用，我這里并沒有插入所以沒有調(diào)用，所以還是要多讀多學(xué)，仔細(xì)一些。
拓展知識(shí)：vue 自定義指令 自動(dòng)聚焦的實(shí)例講解
如下所示：
<el-input v-model="data.carDealerJobs.bankDetail" v-focus placeholder="請輸入內(nèi)容" size="small"></el-input>
局部注冊指令：
directives: {
focus: {
inserted: function (el) {
el.children[0].focus()
}
}
}
以上這篇vue 自定義指令自動(dòng)獲取文本框焦點(diǎn)的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
Vue3視頻播放器組件Vue3-video-play新手入門教程
這篇文章主要給大家介紹了關(guān)于Vue3視頻播放器組件Vue3-video-play新手入門教程的相關(guān)資料,本文實(shí)例為大家分享了vue-video-player視頻播放器的使用配置,供大家參考,需要的朋友可以參考下
2023-12-12 
在vue中v-bind使用三目運(yùn)算符綁定class的實(shí)例
今天小編就為大家分享一篇在vue中v-bind使用三目運(yùn)算符綁定class的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09 
基于vue 實(shí)現(xiàn)token驗(yàn)證的實(shí)例代碼
這篇文章主要介紹了基于vue 實(shí)現(xiàn)token驗(yàn)證的實(shí)例代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-12-12 
vue項(xiàng)目啟動(dòng)端口更改的實(shí)現(xiàn)
在Vue前端項(xiàng)目中,可以通過修改配置文件來指定啟動(dòng)的端口號(hào),本文就來介紹 一下vue項(xiàng)目啟動(dòng)端口更改的實(shí)現(xiàn),感興趣的可以了解一下
2023-10-10 
這篇文章主要為大家詳細(xì)介紹了一些vue使用axios的小技巧,文中的示例代碼講解詳細(xì),對我們深入掌握vue有一定的幫助,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2023-10-10 
這篇文章主要介紹了Vue常用的修飾符及應(yīng)用場景解讀，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-10-10 
vue使用ArcGis?API?for?js創(chuàng)建地圖實(shí)現(xiàn)示例
這篇文章主要為大家介紹了vue使用ArcGis?API?for?js創(chuàng)建地圖實(shí)現(xiàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-08-08 
在組件中增加的css加了scoped屬性之后,就在會(huì)在當(dāng)前這個(gè)組件的節(jié)點(diǎn)上增加一個(gè)data-v-xxx屬性,下面這篇文章主要給大家介紹了關(guān)于Vue中CSS?scoped原理的相關(guān)資料,需要的朋友可以參考下
2023-01-01 
vue3.0 CLI - 2.1 - component 組件入門教程
這篇文章主要介紹了vue3.0 CLI - 2.1 - component 組件入門教程,本文主要的關(guān)注點(diǎn)就是組件，本文通過實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2018-09-09