這樣使我們在組件中可以自用的調用v-focus方法，給他綁定定義布爾變量來控制元素是否獲得焦點但是這里要注意的是組件<el-input>本身在頁面中渲染成了一個div元素所以我們要在<el-input>被綁定為v-focus的同時在自定義指令中獲取組件下 ...

Vue2.0 中，代碼復用和抽象的主要形式是組件。然而，有的情況下，你仍然需要對普通 DOM 元素進行底層操作，這時候就會用到自定義指令。舉個聚焦輸入框的例子，如下： 在網上查找了很多方法， 但是在實際使用中發現了一個問題無論是使用$ref獲取input元素然后使用focus方法 ...

<el-input ref="mark"></el-input> this.$refs['mark'].focus() ...

在實際開發中我們經常會碰到這樣的場景，就是有input的地方都喜歡切換過去input自動獲取焦點。 如果這個問題是在input中，很容易就實現了，但是element里面的el-input看源碼，其實不只是一個input，所以aotofocus 這個屬性便不生效了。 解決方法網上也有不同的例子 ...

Element-ui是一個非常好的UI設計模塊，它提供給我們很多好看的按鈕樣式，非常適用於快速搭建UI，下面說說如果使用了element-ui之后，要更改它默認的el-Input樣式應該怎么操作。使用調試工具找出他的樣式默認表，具體操作如下： 從上圖知道默認的樣式 ...

...

一、【普通<input>的自定義指令操作】：先在入口文件注冊一個全局自定義指令 【普通<input>的自定義指令使用】：v-"+指令名" 二、【<el-input>的自定義指令操作】：先在入口文件注冊一個全局自定義指令 ...

　　<el-input v-focus ></el-input> directives: { //注冊一個局部的自定義指令 v-focus focus ...