【el-input输入框】-input框输第一次输入可以，调完后台接口再输入，输入不进去问题

最新推荐文章于 2024-03-20 10:18:21 发布
置顶 最新推荐文章于 2024-03-20 10:18:21 发布
阅读量1.2k 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38256991/article/details/103644217
版权

问题如题：el-input框输第一次输入可以，调完后台接口再输入，输入不进去问题；

解决思路：调用完接口后input框中的值做了回写，回写方式有误造成的；

解决方案：

this.table.data[itemIndex] = res;
改为
this.$set(this.table.data, itemIndex, res);
即可

描述粗糙，希望能解决你遇到的问题，加油！！！

凯TechnologyLife
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue element-ui实现input输入框金额数字添加千分位
10-15
主要介绍了vue element-ui实现input输入框金额数字添加千分位,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
频繁切换按钮调用接口第一次返回比第二次慢怎么办？
weixin_39950595的博客
07-28 559
A按钮点击之后（选中状态），请求接口返回数据（params）时间为3s才返回数据，在时间间隔内点击了B按钮（选中状态），接口返回数据（params）时间为1s就返回，导致在之后的action中数据传入的是选中状态为B，params为第一次点击的数据，数据与状态不对应，如何解决？页面上两个按钮频繁切换，接口需要更新。...
vue中使用v-if控制的input第一次可以autofocus，第二次失效的解决方法
AzeShinja的博客
01-11 1572
使用vue的自定义指令就可以解决了 // 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() } }) 在我们写的input中使用v-focus就可以使用了 <input size="mini" v-if="data.needEdit" :key="data.id" ty
解决el-input无法输入的问题和表单验证失败问题
qq_52126119的博客
03-20 908
1、在el-input组件中使用v-model进行双向数据绑定 2、有时，你会发现我们进行了双向数据绑定了，但是el-input还是无法输入，我们就要使用绑定input事件，然后使用$forceUpdate方法强制刷新，这样子会解决我们el-input无法输入问题，但是这会带出一个新的问题，那就是表单无法进行验证等一些问题。 3、使用$forceUpdate方法强制刷新 ，表单验证失效（表单已经输入值，表单验证显示为空）， 由于此次表单是动态添加的，rules也需要动态添加
elementUI里面的el-inpt框有时无法输入的问题
小刘不吃肉肉
11-13 227
最近在做vue项目时发现项目中需要输入的input有时无法输入（页面刷新一次就可输入，刷新一次只能输入一次否则不可删除也不可再次输入）： <el-form-item label="设备号:" :label-width="formLabelWidth"> <el-input v-model="form.product_no" autocomplete="off" ></el-input> </el-form-item> 解决方法： 发现elem
多次调用同一接口，等第一次发送完后执行下续操作
*YHHAXJ的博客
05-30 494
利用 async await 即可
vue自定义指令监听input输入,当输入完成才能调取接口，防止频繁调用接口
coldriversnow的专栏
08-08 990
具体来说，当用户输入新的内容时，clearTimeout(timeout) 会立即清除上一次触发的定时器，而 timeout = setTimeout(() => {binding.value()}, parseInt(binding.arg) || 300) 则会创建一个新的定时器，等待指定的时间后再执行 binding.value() 方法。需要注意的是，上面的代码中使用了一个 timer 变量来记录定时器的 ID，从而可以在用户输入新的内容时清除旧的定时器，避免出现多个定时器同时执行的情况。
input 输入框频繁请求接口，怎么正确的显示最后一次接口返回的数据？
guoqkmiss的博客
03-26 2826
面试题系列 阿里面试题中有一问： input 输入框频繁请求接口，怎么正确的显示最后一次接口返回的数据？ 1. 后端返回请求值（最简单） 前端请求接口的时候会把 input 输入框中的值传给后端，此时后端返回接口数据时把前端传入的值返回回去，页面渲染时只需要进行判断即可。 2. 终止上一次请求 当再次请求的时候把上次的请求终止掉： ajax：abort() axios: CancelToken fetch：AbortController 百度用的就是这种取消请求的方式 js：https://ss1.b
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
01-21
获取到后端返回的数组，并将数组传入作为 results 传入 callback 后，焦点放在 输入框 上的时候，并未出现任何内容，只出现了一个不完整的空白框。   问题解决方案： 这个问题开始我以为是传进 callback 的 data ...
vue-input-tag：Vue.js 2.0输入标签组件
02-06
一个受启发的Vue.js 2.0输入标签组件 安装 NPM /纱线 npm install vue-input-tag --save yarn add vue-input-tag 然后，您需要导入并注册它： import InputTag from 'vue-input-tag' Vue . component ( 'input-...
图解迪杰斯特拉（Dijkstra）最短路径算法.docx
05-02
一、最短路径的概念及应用 在介绍最短路径之前我们首先要明白两个概念：什么是源点，什么是终点？在一条路径中，起始的第 一个节点叫做源点；终点：在一条路径中，最后一个的节点叫做终点；注意！源点和终点都只是相对 于一条路径而言，每一条路径都会有相同或者不相同的源点和终点。 而最短路径这个词不用过多解释，就是其字面意思： 在图中，对于非带权无向图而言， 从源点到终点 边最少的路径（也就是 BFS 广度优先的方法）； 而对于带权图而言， 从源点到终点权值之和最少的 路径叫最短路径； 最短路径应用：道路规划； 我们最关心的就是如何用代码去实现寻找最短路径， 通过实现最短路径有两种算法：Dijkstra 迪杰斯 特拉算法和 Floyd 弗洛伊德算法， 接下来我会详细讲解 Dijkstra 迪杰斯特拉算法；
基于faster-rcnn实现的行人检测算法python源码+项目说明+详细注释.zip
05-02
基于faster-rcnn实现的行人检测算法python源码+项目说明+详细注释.zip 使用方法： 1.编译安装faster-rcnn的python接口，代码在：https://github.com/rbgirshick/py 2.下载训练好的caffe模型，百度云链接为：https://pan.baidu.com/s/1w479QUUAwLBS2AJbc-eXIA，将下载的模型文件放到faster-rcnn文件夹的data/faster_rcnn_models文件夹中 3.将本项目中的文件夹替换安装好的faster-rcnn源码中的文件夹 4.使用tools文件夹下的测试脚本运行demo：python person_detect.py
jsp基于Web的可维护的数据库浏览器(源代码+论文+答辩PPT).zip
05-02
jsp基于Web的可维护的数据库浏览器(源代码+论文+答辩PPT)
node-v12.7.0-linux-ppc64le.tar.xz
最新发布
05-02
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
unet + pytorch 数据科学碗2018-python源码.zip
05-02
unet + pytorch 数据科学碗2018-python源码.zip
1999-2020年各地级市实际利用外资数据.xlsx
05-02
数据预览链接：https://pan.baidu.com/s/17y5tiSmC5U4d1Mben250gg 提取码：u1da 更多介绍：https://blog.csdn.net/m0_71334485/article/details/138400336
基于Torch Hub的渐进式GAN架构-python源码.zip
05-02
基于Torch Hub的渐进式GAN架构-python源码.zip
JSP基于Iptables图形管理工具的设计与实现(源代码+论文).zip
05-02
JSP基于Iptables图形管理工具的设计与实现(源代码+论文)
使用Keras+TensorFlow+FCN分割KITTI数据集-python源码.zip
05-02
使用Keras+TensorFlow+FCN分割KITTI数据集-python源码.zip
el-input输入框只能输入数字和英文，可以输入其它特殊字符，只不允许输入%
07-28
要实现 el-input 输入框只能输入数字和英文，允许输入其他特殊字符但不允许输入%，可以使用以下方法： 1. 使用正则表达式：在 el-input输入事件中，使用正则表达式对用户输入的内容进行校验，并在不符合要求时阻止...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值