<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        vue 自定義指令自動獲取文本框焦點的方法

        來源:懂視網 責編:小采 時間:2020-11-27 22:09:09
        文檔

        vue 自定義指令自動獲取文本框焦點的方法

        vue 自定義指令自動獲取文本框焦點的方法:HTML: <p><b v-show=show>{{tag}}</b><input v-focus v-model=tag :hidden=show type=text></p> js: 官方例子: directives: { focus: { // 指令的定義 inserte
        推薦度:
        導讀vue 自定義指令自動獲取文本框焦點的方法:HTML: <p><b v-show=show>{{tag}}</b><input v-focus v-model=tag :hidden=show type=text></p> js: 官方例子: directives: { focus: { // 指令的定義 inserte

        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

        文檔

        vue 自定義指令自動獲取文本框焦點的方法

        vue 自定義指令自動獲取文本框焦點的方法:HTML: <p><b v-show=show>{{tag}}</b><input v-focus v-model=tag :hidden=show type=text></p> js: 官方例子: directives: { focus: { // 指令的定義 inserte
        推薦度:
        標簽: VUE 自定義 方式
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 污网站在线观看免费| 一本久久综合亚洲鲁鲁五月天 | 中文字幕乱码亚洲无线三区| 1000部禁片黄的免费看| 久久精品国产亚洲AV果冻传媒| 国产羞羞的视频在线观看免费| 亚洲av午夜福利精品一区| 人妻丰满熟妇无码区免费| 久久亚洲国产精品成人AV秋霞| 久草视频在线免费| 亚洲人成色77777在线观看| 性色av免费观看| 真人无码作爱免费视频| 激情综合色五月丁香六月亚洲| 免费看成人AA片无码视频吃奶| 亚洲av永久无码精品表情包| 99爱视频99爱在线观看免费| 亚洲一区二区三区精品视频| 四虎永久免费地址在线网站 | 无码精品人妻一区二区三区免费看| 久久精品国产亚洲AV网站| 亚洲天堂免费在线| 色天使色婷婷在线影院亚洲| 国产黄色一级毛片亚洲黄片大全| 无码人妻久久一区二区三区免费| 亚洲Av无码一区二区二三区| 国产日产成人免费视频在线观看| 抽搐一进一出gif免费视频| 亚洲综合图片小说区热久久| 四虎影视精品永久免费| 你好老叔电影观看免费| 久久亚洲精品专区蓝色区| 亚洲AV无码成H人在线观看| 特级无码毛片免费视频尤物| 亚洲熟女综合色一区二区三区 | 国产精品久久免费| 日日狠狠久久偷偷色综合免费| 337p日本欧洲亚洲大胆精品555588| 成人啪精品视频免费网站| 少妇性饥渴无码A区免费| 亚洲精品123区在线观看|