关于vue el-input 点击事件下自动获取焦点的写法

<el-input
  size="small"
  v-model="scope.row.order_number"
  v-show="scope.row.isShowInp_order"
  @blur="editOrder(scope.$index,scope.row)"
  v-focus
  @keyup.native="UpNumber"
  @keydown.native="UpNumber"
  class="table_input"              
></el-input>    

// 自动聚焦
  directives: {
    focus: {  
      update: function (el) {
        el.querySelector('input').focus()
      }
    },
  },

钩子函数如下图所示:

vue官网上给了  关于 input 自动获取焦点的案例   

https://cn.vuejs.org/v2/guide/custom-directive.html

但使用el-input 的时候  会在input外包裹一层div  所以需要找到el下面的input  具体写法如上图  

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值