我把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值它是完整的 显示就是不完整 有没有好的解决方法