接上文修改计算属性，输入框数据值闪动出现旧值问题

已于 2024-06-13 10:56:50 修改
阅读量172 收藏
点赞数 2
分类专栏： 项目小bug 文章标签： 前端 bug vue.js javascript 前端框架
于 2024-05-27 11:10:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jisuaijicainiao/article/details/139232696
版权

问题描述：

        上一篇文章解决了页面渲染问题，但是后台数据值改变需要时间，因为是五秒轮询一次数据的形式来获取实时数据，所以出现了数据还没改好又重新获取数据渲染了页面。所以会出现旧值渲染，再次请求后才会渲染出新值。

问题解决：

        我在项目入口发现了使用计算属性改值的方法，改值后面计时器重新轮询调用数据。看原代码

修改之后：

成功实现了我想要的效果，计算属性的原理nextTick方法原理还需要进一步了解。前端知识真的是又多又杂啊，什么时候才能成为佬啊！！！

哦买噶怎么回事，第一下修改有用，再修改又没用了！！！求佬教教啊

补充：最后使用了一个标志变量来判断输入框是否处于编辑状态，编辑状态下不轮询数据，等设置提交完成之后在轮询

BEYOURSELF-WSL
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
注册表知识and技巧大全
apeng_qm的专栏
05-02 2万+
注册表知识和技巧大全 注册表基础： ********系统文件夹：********* 名称 路径 含义 AppData C:＼Windows＼Application Data 应用程序 Cache C:＼Windows＼Temporary Internet Files 浏览器缓存 Cookies C:＼Windows＼Cookies Desktop Desk
注册表知识和技巧大全
luoxing999的专栏
05-07 1万+
注册表知识与技巧大全
风雨无阻，执着追求!!!
10-27 2万+
注册表基础： ********系统文件夹：********* 名称路径 含义 AppData C:＼Windows＼Application Data 应用程序 Cache C:＼Windows＼Temporary Internet Files 浏览器缓存 Cookies C:＼Windows＼Cookies Desktop Desktop 桌面 Favorites Favor
vbs学习经典教程
weixin_41573387的博客
01-11 9259
Vbs脚本经典教材   —为什么要使用Vbs？   在Windows中，学习计算机操作也许很简单，但是很多计算机工作是重复性劳动，例如你每周也许需要对一些计算机文件进行复制、粘贴、改名、删除，也许你每天启动计算机第一件事情就是打开WORD，切换到你喜爱的输入法进行文本编辑，同时还要播放优美的音乐给工作创造一个舒心的环境，当然也有可能你经常需要对文本中的某些数据进行整理，把各式各样的数据按照
MFC控件使用大全
热门推荐
代码人生
01-23 3万+
MFC控件使用大全
Vbs与批处理高级教程
乔成磊的专栏
12-30 1万+
<br /><br />Vbs与批处理高级教程<br /> <br />Vbs脚本编程简明教程之一<br />  —为什么要使用Vbs？<br />在Windows中，学习计算机操作也许很简单，但是很多计算机工作是重复性劳动，例如你每周也许需要对一些计算机文件进行复制、粘贴、改名、删除，也许你每天启动计算机第一件事情就是打开WORD，切换到你喜爱的输入法进行文本编辑，同时还要播放优美的音乐给工作创造一个舒心的环境，当然也有可能你经常需要对文本中的某些数据进行整理，把各式各样的数据按照某种规则排列起来……。这
iOS 人机界面指南
编程代码大全
09-27 148
介绍 iPhone和iPod touch融合了革命性的多点触摸技术和多种强大功能，如电子邮件，即时通信，全功能网页浏览器和iPod等，另外iPhone还具有移动电话的功能。iPhone OS是在iPhone和iPod touch上运行的系统软件。随着iPhone SDK的发布，这些强大的功能为开发人员提供了众多的开发可能。开发者不但可以创建在iPhone OS设备上使用的网页内容，还...
软件易用性测试研究
phphot
04-05 8084
这是以往对易用性研究的草案，参考了大量的资料，不算原创。当时的想法是把各种相关信息整理汇总后，对内部的易用性测试起指导作用。作为易用性测试的入门材料。－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－1.前言长期以来，IT行业一直有着重视技术创新而忽视人类因素的倾向，这导致多数产品存在程度不同的可用性问题。据研究机构近期对发达国家的统计：商用计算机用户的有效生产
软件测试易用性研究
夜色朦胧
03-14 6957
1.前言 长期以来，IT行业一直有着重视技术创新而忽视人类因素的倾向，这导致多数产品存在程度不同的可用性问题。据研究机构近期对发达国家的统计：商用计算机用户的有效生产率仅有30%～40%；48%的软件缺陷属于可用性问题；在计算机应用系统开发项目中，31%的项目因可用性质量问题而失败，51%的项目只获得部分成功；90%的企业网站可用性较差；70%的企业对其网站设计不够满意；用户在商业网站上找到所要
使用DBeaver连接达梦数据库，接上文安装达梦数据库
12-14
DBeaver数据库连接工具，是我用了这么久最好用的一个数据库连接工具，拥有的优点，支持的数据库多、快捷键很赞、导入导出数据非常方便、生成sql等很容易，一些数据库还支持直接操作数据，不需要写sql。另外，自动的...
关于手机套餐资费问题的比较-计算机大学论文.doc
07-02
本章将选取一些实际的手机套餐数据，利用上文构建的优化模型进行分析，对比不同套餐在不同使用情况下的费用，验证模型的有效性和实用性。此外，还会探讨不同用户群体（如学生、上班族、家庭用户）的最佳套餐选择。 ...
Laravel如何同时连接多个数据库详解
01-02
上文说到thinkphp3.2同时连接两个数据库的文章，然后在总结下laravel同时连接 多个数据库的实例，方便新手学习，db连接以及model连接。 配置.env 文件 DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_...
在ASP.NET 2.0中操作数据之四：使用ObjectDataSource展现数据
01-02
在ASP.NET 1.x应用程序中，通过对数据控件的DataSource属性赋值然后调用控件的DataBind()方法从而实现数据展现的方式在ASP.NET 2.0应用程序中可以继续使用。然而，ASP.NET 2.0的数据源控件提供了一种新的方式，使用...
Web 性能入门指南 - 2.2 理解和改进最大内容绘制 (LCP)
weixin_43303603的博客
07-15 404
最大内容绘制 (LCP) 衡量的是页面上最大视觉元素的渲染时间。为了让 Google 满意，请将 LCP 时间控制在 2 秒以内。
＜Rust＞＜GUI＞rust语言GUI库tauri体验：前、后端结合创建一个窗口并修改其样式
用沸腾的热血，支付我们的人生吧！
07-16 1159
前言 本文是rust语言下的GUI库：tauri来创建一个窗口的简单演示，主要说明一下，使用tauri这个库如何创建GUI以及如何添加部件、如何编写逻辑、如何修改风格等，所以，这也是一个专栏，将包括tauri库的多个方面。 环境配置 系统：windows 平台：visual studio code 语言：rust、javascript、html、css 库：tauri概述 本文是tauri库系列博文的第一篇，主要是简单实现一个窗口程序并成功运行，当然，这是基于官方的示例，事实上官方给出的上手例程非常详细，不
博客前端项目学习day03——框架页
qq_53237241的博客
07-19 60
【代码】博客前端项目学习day03——框架页。
基于 Gunicorn、Flask 和 Docker 的 Web 应用开发
最新发布
2401_85639015的博客
07-19 788
Docker 是一个开源的应用容器引擎，它允许开发者打包他们的应用以及应用的运行环境到一个可移植的容器中。容器可以运行在任何支持 Docker 的机器上，确保了环境的一致性。通过本教程，你将学会如何使用 Docker、Gunicorn 和 Flask 构建一个高效、可扩展的 Web 应用。每个步骤都提供了详细的指导和示例代码，确保你能够理解和实践每个环节。希望本教程能够作为你进入微服务架构领域的起点。
前端性能优化--懒加载
weixin_43799793的博客
07-19 76
3、同时还可结合 lazy loading 属性，利用浏览器的原生属性，进一步优化图片加载，不过其延迟加载机制完全是由浏览器自身决定的，在不同浏览器上效果不同(BTW，部分浏览器可能并不支持)。2、然后对元素进行监听，当图片进入可视区域时，提取元素的 data-src 即真实的图片地址赋值给 src 属性，就会去发送请求加载图片，实现了懒加载。设置为 1 张 1px*1px 的透明图片用作占位符，以防止出现出错图标。TinyPNG 网站: https://tinypng.com/
在服务器端 通过php 语言 怎么实现接收上文中的数据
06-12
好的，以下是一个简单的 PHP 文件，用于接收客户端发送的表单数据，并将其保存到 MySQL 数据库中： ```php <?php // 连接数据库 $db_host = "localhost"; $db_user = "root"; $db_pass = "password"; $db_name = "test"; $conn = mysqli_connect($db_host, $db_user, $db_pass, $db_name); // 处理 POST 请求 if ($_SERVER["REQUEST_METHOD"] == "POST") { $name = $_POST["name"]; $email = $_POST["email"]; $phone = $_POST["phone"]; // 将数据插入到数据库中 $sql = "INSERT INTO users (name, email, phone) VALUES ('$name', '$email', '$phone')"; if (mysqli_query($conn, $sql)) { echo "数据保存成功！"; } else { echo "数据保存失败：" . mysqli_error($conn); } // 关闭数据库连接 mysqli_close($conn); } ?> ``` 在此示例中，我们使用了 `mysqli_connect()` 函数连接到 MySQL 数据库，并使用 `mysqli_query()` 函数执行 SQL 插入语句将数据插入到 `users` 表中。在处理完数据后，我们使用 `mysqli_close()` 函数关闭数据库连接。 请注意，此示例中并没有对输入的数据进行任何验证和过滤，这可能会导致安全问题。在实际应用中，您应该对输入的数据进行验证和过滤，以防止 SQL 注入等安全问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值