【VUE】directives自定义指令

采用directives自定义指令

inserted:被绑定的元素插入父节点时使用

例如：注册一个局部的自定义指令 v-focus放在input里,使得input能够自动聚焦

代码如下：

<el-input v-focus>
</el-input>


directives: {
    // 注册一个局部的自定义指令 v-focus放在input里,使得input能够自动聚焦
    // el-ui官方文档的autofocus有bug
    focus: {
      inserted: function (el) {
        // 聚焦元素
        el.querySelector('input').focus()
      }
    }
  }