input反应慢 vue_vue 输入框速度慢的问题

输入框每次输入速度都很慢，整个页面都很卡。我猜想既然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 事件中同步：

官网文档有例子https://cn.vuejs.org/v2/guide/components.html#自定义事件

这是我对例子

input反应慢 vue_vue 输入框速度慢的问题相关推荐

input框5连--输入框不可输入以0开头的数字但是可以输入带0的数字常用正则
第一弹:input框只能输入数字缺能输入e的原因.链接:input框1连–数字输入框能输入e的原因第二弹:input框限制用户输入长度,超出长度不可输入.链接:input框2连–限制用户输入长度第 ...
js原生、jquery获取input为text的输入框（单个/多个）并清空value（bootstrap 输入框）
一.用bootstrap框架写了一个简单的表单,html结构和效果图如下: <form> <div class="form-row mb-2"><d ...
input反应慢 vue_Vue v-model实时更新带来的输入框卡顿问题
背景最近在开发的时候,发现在内容较多的页面上对v-model绑定的输入框上输入内容,页面会变得很卡顿,有些带有动画的元素还会闪动,初步怀疑是v-model实时更新引起整个组件(页面)的 re-ren ...
adb 输入很长的内容 (input text) 在模拟机输入框里面快速输入内容
有时候需要在模拟机上面输入很长的内容来测试, 可以使用input text xx 来输入步骤1 adb shell 步骤2 input text xxxxxxxx 注意:需要先清理模拟输入框里面的内 ...
巧用即刻搜索事件 input propertychange 监听输入框字数
实时监听输入框的字数,大于200时,不再输入. 即时搜索: propertychange(ie)和input事件(常用) input是标准的浏览器事件,一般应用于input元素,当input的valu ...
input回退消失 vue_vue中iE11 input select使用backspace使浏览器回退解决-Go语言中文社区...
在utils中添加preventBackspace.js文件代码如下:export const banBackSpace = (e) => { let ev = e || window.eve ...
html文字下排输入,HTML input text单行文本输入框简介说明
摘要: 下文讲述html代码中input type='text'时的相关属性简介说明,如下所示: input type='text' 简介当 input标签中 type='text'时,代表此标签是 ...
input不管用 vue_Vue自定义指令实现快速读取Excel
前几天因为业务需求,所维护的而后台中出现了大量关于上传下载Excel的操作.因为我们的后台是基于Vue,并且是在 vue-element-admin 的基础上结合实际需求开发而来.vue-elemen ...
input取消焦点 vue_Vue有什么特性，相对于其他框架都有那些优势！
(给达达前端加星标,提升前端技能) Vue所提供的一些相对高级的特性,表单操作,自定义指令,计算属性,过滤器,侦听器,生命周期. 表单操作的作用,用于用户的交互,通过表单来进行数据的交互. 基于Vue ...
原生前端：input标签 number类型输入框如何清除上下加减按钮？
<input type="number"><style>input::-webkit-outer-spin-button,input::-webkit-in ...

input反应慢 vue_vue 输入框速度慢的问题

input反应慢 vue_vue 输入框速度慢的问题相关推荐

最新文章

热门文章