鍍金池/ 問(wèn)答/Linux  HTML/ 如何給IView中的輸入框增加一個(gè)自定義指令？

如何給IView中的輸入框增加一個(gè)自定義指令？

【需求】：進(jìn)入某個(gè)界面，輸入框自動(dòng)獲取焦點(diǎn)。
【問(wèn)題】：使用iView框架中的輸入框，如何給這個(gè)輸入框添加一個(gè)自定義指令？
【代碼】：

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();
    }
});

【問(wèn)題描述】：現(xiàn)在這個(gè)el操作的是input的父級(jí)元素，我要如何才能操作當(dāng)前這個(gè)元素的子元素？

clipboard.png

回答
編輯回答
下墜

iview api有autofocus

   directives: {
    focus: {
      inserted: function(el, binding, vnode) {
         vnode.child.$refs.input.autofocus=true
      },
    },
   }
2017年7月6日 04:32
編輯回答
抱緊我

找到iview中input組件，從底層自定義就好，或者自己自己寫(xiě)一個(gè)input組件

2017年7月5日 10:27