如何给IView中的输入框增加一个自定义指令？

Question

【需求】：进入某个界面，输入框自动获取焦点。【问题】：使用iView框架中的输入框，如何给这个输入框添加一个自定义指令？【代码】：iView中的输入框组件： <template>     <Input v-model="value14" v-focus placeholder="Enter something..." clearable style="width: 200px"></Input> </template> 自定义指令: Vue.directive('focus', {     inserted: function (el) {         console.log('el-->',el);        // el.focus();     } });【问题描述】：现在这个el操作的是input的父级元素，我要如何才能操作当前这个元素的子元素？

Answer 1

找到iview中input组件，从底层自定义就好，或者自己自己写一个input组件

Answer 2

iview api有autofocus

   directives: {    
       focus: {
      inserted: function(el, binding, vnode) {
         vnode.child.$refs.input.autofocus=true
      },
    },
   }