jdf2e / nutui

京东风格的移动端 Vue 组件库,支持多端小程序(A Vue.js UI Toolkit for Mobile Web)
https://nutui.jd.com
MIT License
6.11k stars 832 forks source link

input卡顿 #3191

Open x122536638 opened 2 weeks ago

x122536638 commented 2 weeks ago

NutUI 包名

@nutui/nutui, @nutui/nutui-taro

NutUI 版本号

4.3.12

平台

weapp

重现链接

1

重现步骤

<template>
  <div>

    <view label-position="top">
      <view
        v-for="(item, index) in inputFields"
        :key="index"
        :label="'姓名' + (index + 1)"
      >
         <!-- <nut-input   Xhq-input-->
        <nut-input
          v-model="formData['姓名' + (index + 1)]"
          placeholder="请输入2"
          type="text"
          class="custom-input"
        />
      </view>
    </view>
  </div>
</template>

<script setup>
import { ref } from 'vue';

const inputFields = ref([])
for (let index = 0; index < 100; index++) {
  inputFields.value.push({ id: index + 1 });
}
const formData = ref({});
</script>

<style lang="scss">
.custom-input {
  /* 这里可以根据需要自定义输入框样式 */
}
</style>

微信小程序 输入数字直接卡的起飞 ,删除文本也卡 ,换成自定义的input就不卡了

期望的结果是什么?

输入删除都是流畅的

实际的结果是什么?

卡死了

环境信息

No response

其他补充信息

No response

zxy-c commented 1 week ago

SearchBar也卡,光标闪来闪去,输入得快了就无法确定输入后的结果是啥了,输入“12345”可能变成“1245”