vue v-for input 优化

我把input封装成一个组件
现在有个问题
我每次点击添加按钮 t_expensedetail数组长度加一个 然后 input输入内容会有延迟
不知道性能怎么优化 有没有大佬助我一臂之力 万分感谢
父组件

<dl class="form-card" v-for="(item,index) in t_expensedetail" :key="index" :class="{'form-card-top': index !== 0}">
            <dt v-if="index === 0" class="step-content">第三步:填写经费详情</dt>
            <dd class="reduce-container" v-if="t_expensedetail.length > 1">
              <div>其它明细({{index+1}})</div>
              <div class="reduce" @click="reduceColumn(index)">删除</div>
            </dd>
            <dd class="form-list">
            <first-input-box h-kind="1" :h-check="subCheck" v-model="t_expensedetail[index].EXPENSE_ITEM" h-placeholder="其它明细"></first-input-box>
          </dd>
         <dd v-if="t_expensedetail.length-1 <= index" class="add" @click="addColumn"><span class="financial-reimbursement-plus financial-reimbursement-iconfont"></span>新增</dd>
          </dl>

其中的方法添加是输入框方法

 addColumn () {
      this.t_expensedetail.push({
        EXPENSE_ITEM: '' // 费用项目
      })
    }

子组件

<input ref="cInput" class="c-input" :type="hType" :placeholder="hPlaceholder" :value="value" @input="inputFunc($event, $event.currentTarget)">

子组件传值方法

inputFunc (e, target) {
      this.$emit('input', target.value)
    }

pc上是没有问题的 但是手机上就出现问题了 弹出键盘 打第一段字可以 再往后打字就会显示不出来 有时候要好久 有时候要不停的输才能显示后面的出来 但是我在子组件上弹出value值它是完整的 显示就是不完整 有没有好的解决方法

阅读 1.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题