代码之家  ›  专栏  ›  技术社区  ›  Nino Filiu

使用大字符串绑定输入时,Vue崩溃

  •  0
  • Nino Filiu  · 技术社区  · 7 年前

    我有一个与属性绑定的输入:

    // in the template
    <input type="text" v-model="someProp">
    
    // in the script
    export default {
      data() { return {
        someProp: ''
      }
    }
    

    问题是这个输入将被一个很长的字符串(21k个字符长)绑定。在将字符串复制/粘贴到输入中时,选项卡会以以下方式临时崩溃:

    • 无法滚动
    • 文本光标停止闪烁
    • 出现不应显示的组件

    0 回复  |  直到 7 年前
        1
  •  0
  •   Nino Filiu    7 年前

    显然,有些浏览器优化大文本输入只是为了 textarea 元素,但不是 input

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

    (当然还有一些额外的造型)。

    问题似乎来自浏览器,而不是来自Vue,但这就是我所能说的-如果您能提供更多的信息,我们将不胜感激!