1. 程式人生 > >el-input不能獲取自定義聚焦指令

el-input不能獲取自定義聚焦指令

首先貼出的是el-input程式碼

<el-input clearable type="text" v-model="form.username" v-focus class="username" placeholder="請輸入賬號">  </el-input>

下面是瀏覽器解析出來的
在這裡插入圖片描述

el-input解析程式碼
區域性自定義指令聚焦

directives: {

    focus: {

      inserted: function (el) {

        el.children[0].focus()

      }

    }

  },

看加粗的地方,如果寫 el.focus( )相當於把自定義指令給了el-input這個div 而不是input輸入框,所以加了一個children[0],獲取input節點