输入框每次输入速度都很慢,整个页面都很卡。我猜想既然vue是响应式的。
是不是某个地方一直在监听input的变化,做了某些工作,导致了非常的卡。
我的input没有捕捉任何的事件。
比如:
<el-input :autosize="{ minRows: 3, maxRows: 6}" type="textarea" v-model="form.page_list_data.get_data[page_list_tab_select].page_area_get_rules"></el-input>
我猜想v-model里面的数值发生了改变,引发了其他的计算。
如图。每次输入都监听了很多事件:
不知道你们有没有遇到类似的情况。
v-model监听input事件来同步数据所以会慢
可以看看文档有没有lazy的实现 也可以自己实现一个 比如blur时候emit input
https://cn.vuejs.org/v2/guide…
在默认情况下, v-model 在 input 事件中同步输入框的值与数据 (除了 上述 IME 部分),但你可以添加一个修饰符 lazy ,从而转变为在 change 事件中同步:
<!-- 在 "change" 而不是 "input" 事件中更新 -->
<input v-model.lazy="msg" >
官网文档有例子https://cn.vuejs.org/v2/guide/components.html#自定义事