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(); } }
在我的項目中使用官方的例子時,input不能自動獲取焦點,使用我的js時可自動獲取焦點,查詢相關資料后知道,insert是一個鉤子函數,只要父節點存在,在插入父節點時調用,我這里并沒有插入所以沒有調用,所以還是要多讀多學,仔細一些。
拓展知識:vue 自定義指令 自動聚焦的實例講解
如下所示:
<el-input v-model="data.carDealerJobs.bankDetail" v-focus placeholder="請輸入內容" size="small"></el-input>
局部注冊指令:
directives: { focus: { inserted: function (el) { el.children[0].focus() } } }
以上這篇vue 自定義指令自動獲取文本框焦點的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com