for嵌套setTimeout的心得
2024-10-09 01:21:33
export default {
data() {
return {
dialogList: []
}
},
created() {
this.setList()
},
methods: {
setList() {
const data = ['大','吉','大','利','今','晚','吃','鸡']
for (let index in data) {
let option = {}
option.index = index
option.text = data[index]
setTimeout(() => {
// 方法1,当data的length值较大时,for循环与setTimeout不同步,for优先完成
// for里的操作不是每秒间隔执行,虽然能console出来,但实际长度会出异常,无法读取渲染
// this.dialogList[index] = option
// 方法2,这一步用方法代替好了,把值push进去,解决
this.setOption(option)
}, index * 1000)
}
},
setOption(option) {
this.dialogList.push(option)
}
}
}
最新文章
- 通知、block
- IOS 中openGL使用教程1(openGL ES 入门篇 | 搭建openGL环境)
- 使用C/C++,赋值运算时发生的转换
- Windows7下面exe寄宿WCF:Http无法注册URL{0} ,进程不具有此命名空间的访问权限问题
- KMP高质量代码实现详解
- SVG之初识
- 从Decorator,Adapter模式看Java的IO库
- FreeModbus Slave For AVR源代码 精简版2 【worldsing 笔记】
- linux 0.11 源码学习+ IO模型
- web03--session
- css 中的若干心得
- Windows 7 蓝屏代码大全 &; 蓝屏全攻略
- Linux 获取本机IP、MAC地址用法大全
- sqlserver2014无法打开报Cannot find one or more components_修复方案
- docker学习-----docker可视化portainer
- 用JavaScript制作页面特效
- 42-2017蓝桥杯b java
- java中比较两个double类型值的大小
- [转] Python的import初探
- Linux下更改正确国内时间