这样使我们在组件中可以自用的调用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 ...