工作-iview render Input输入一个字符自动跳出焦点

背景

有一个场景,需要在表格中渲染输入框。这简单,但是,当我美美的欣赏的时候发现了一个问题。
嗯,我输入一个字符后,就失去焦点了!这是why?删除一个就失去焦点了!

代码

const desc = h('span', {
    style: { margin: '0 10px' },
}, "至");

const maxDistance = h('Input', {
    props: {
        type:'text',
        value: params.row.maxDistance
 },
 style: {
     width: '50px'
 },
 on: {
     'on-change': (e) => {
         params.row.maxDistance = e.target.value;
         //整行赋值,就不会触发重新编译
         this.allowanceConfigList[params.index] = params.row;
         }
      }
  });

   return h('div',{},[
       minDistance,
       desc,
       maxDistance,
   ],'');

失焦原因

input数据改变,导致table重新渲染了。如果在input数据改变的时候,把整行数据都替换掉,就不会造成table重新渲染。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值