为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕田峪4524236 2018-07-08 17:24:18
【需求】:进入某个界面,输入框自动获取焦点。【问题】:使用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的父级元素,我要如何才能操作当前这个元素的子元素?
查看完整描述

2 回答

?
米脂

TA贡献1836条经验 获得超3个赞

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

查看完整回答
反对 回复 2018-07-15
?
梵蒂冈之花

TA贡献1900条经验 获得超5个赞

iview api有autofocus

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


查看完整回答
反对 回复 2018-07-15
  • 2 回答
  • 0 关注
  • 1465 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信