场景说明

有一个订单列表，选择赊欠订单可以进行按单还款，需要通过id判断计算金额

在选择某个订单时，双向绑定的checkedList延迟了一位

 //点击选中toChoose(id) {console.log('=checkedList=',this.checkedList)setTimeout(() => {var amount = 0for (let i = 0; i < this.list.length; i++) {const item = this.list[i];if(this.checkedList.includes(item.id)){console.log( item.need_repayment_amount )amount += item.need_repayment_amount - 0}}this.chooseAmount = Math.round(amount * 100 ) / 100 }, 0);},

解决办法：把判断异步队列里

tips：不明白为什么会延迟了一位，有知道的大佬欢迎留言

vue项目使用mand mobile check选择项组点击选中，选中的列表延迟一位问题相关推荐

解决IDEA中maven创建web项目时新建无jsp选择项
1.我们new 没有创建jsp页面的选项 2.点击左上角的File下的Project Structure 进入Modules点击红色箭头的加号 3.添加Web文件 4.点击红色箭头指定的+号添加你想要 ...
Vue项目中城市下拉选择城市js文件
/** @Author: taoshiwei* @Date: 2019-04-09 14:38:13* @Last Modified by: taoshiwei* @Last Modified tim ...
怎么样用vue ui来创建一个vue项目
1.在命令行中输入vue ui点击回车(前提是你的环境已经配置好了) 2.自动弹出一个网页,点击中间的创建分类栏目,并选择好文件夹目录 3.点击在此创建新项目 4.输入项目的名称点击下一步按钮 5.选 ...
模仿CSDN黑暗帝国动态背景的vue项目(附源码)
开发工具:Webstorm 技术栈:vue.html.canvas 实现效果(其实这里面的是动态变换的,只是没有截成GIF动图): 实现步骤: (1)在这里的项目我是用VueCli3脚手架进行搭建的. ...
前端--使用webstorm创建一个vue项目
一.webstorm的安装: 1.什么是webstorm WebStorm是jetbrains公司旗下一款JavaScript 开发工具,和IntelliJ IDEA同源. 再多的,可以 2.webs ...
vue2.0学习——使用webstorm创建一个vue项目
背景:小白自学vue,翻阅了好多大神的博客,看了网上很多的视频,过程很吃力,好在功夫不负有心人,磕磕绊绊的也算入门了,现为自己vue的学习阶段做个小小的总结.vue2.0的基础知识的总结暂时不总结成文 ...
vue项目创建及配置选择
前言 vue是一套用于构建用户界面的渐进式框架.我使用vue最直观的感受就是它组件化开发的高效率和高复用.接下来我将讲述从从零搭建vue框架.以下观点带有个人理解,有不对的地方请指正. 环境需求在我 ...
在2019年的Vue.js和ReactJS之间进行选择：什么最适合您的项目？
该文章最初发表在 Codica Blog上 . 如今,每个公司都致力于在短时间内创建高质量的Web解决方案. 为了付诸实践,开发人员社区可以从许多JavaScript库和框架中进行选择,并通过辩论找到 ...
七十一、Vue项目城市选择页搜索逻辑实现，边输入边搜索功能的解决办法：节流函数
2020/10/30. 周五.今天又是奋斗的一天. @Author:Runsen 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是共享的.大四弃算法转前端,需要每天的 ...
六十九、完成Vue项目城市选择页，路由配置，搜索框布局、列表布局、BetterScroll 的使用和字母表布局
2020/10/28. 周三.今天又是奋斗的一天. @Author:Runsen 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是共享的.大四弃算法转前端,需要每天的 ...

vue项目使用mand mobile check选择项组点击选中，选中的列表延迟一位问题

场景说明

tips：不明白为什么会延迟了一位，有知道的大佬欢迎留言

vue项目使用mand mobile check选择项组点击选中，选中的列表延迟一位问题相关推荐

最新文章

热门文章