溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
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 自定義指令自動獲取文本框焦點的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
