将输入与大字符串绑定时，Vue崩溃

Question

我有此输入与属性绑定：

// in the template
<input type="text" v-model="someProp">

// in the script
export default {
  data() { return {
    someProp: ''
  }
}

问题在于此输入将绑定一个非常长的字符串（21k个字符长）。 将字符串复制/粘贴到输入中后，该选项卡会以以下方式暂时崩溃：

• 不能滚动
• 文字光标停止闪烁
• 窗户冻结
• 不应显示的组件出现

与大型输入绑定时，似乎有些过度处理。 我可以在代码中进行哪些更改以防止延迟？

并且，如果可能的话：是否由于Vue或浏览器而导致了过度处理？

Answer 1

显然，某些浏览器仅针对textarea元素优化大文本输入，而未针对input 。 在模板中进行以下更改可防止标签滞后：

// change this
<input type="text" v-model="someProp">
// to this
<textarea type="text" v-model="someProp"></textarea>

（当然还有一些其他样式）。

这个问题似乎来自浏览器，而不是来自Vue，但这就是我所能知道的-非常感谢您提供其他输入！