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)
}
}
}

最新文章

  1. 通知、block
  2. IOS 中openGL使用教程1(openGL ES 入门篇 | 搭建openGL环境)
  3. 使用C/C++,赋值运算时发生的转换
  4. Windows7下面exe寄宿WCF:Http无法注册URL{0} ,进程不具有此命名空间的访问权限问题
  5. KMP高质量代码实现详解
  6. SVG之初识
  7. 从Decorator,Adapter模式看Java的IO库
  8. FreeModbus Slave For AVR源代码 精简版2 【worldsing 笔记】
  9. linux 0.11 源码学习+ IO模型
  10. web03--session
  11. css 中的若干心得
  12. Windows 7 蓝屏代码大全 & 蓝屏全攻略
  13. Linux 获取本机IP、MAC地址用法大全
  14. sqlserver2014无法打开报Cannot find one or more components_修复方案
  15. docker学习-----docker可视化portainer
  16. 用JavaScript制作页面特效
  17. 42-2017蓝桥杯b java
  18. java中比较两个double类型值的大小
  19. [转] Python的import初探
  20. Linux下更改正确国内时间

热门文章

  1. 面试刷题31:分布式ID设计方案
  2. NKOJ3775 数列操作
  3. Vertica的这些事(十四)——Vertica实时消费kafka实现
  4. 【php】面向对象(三)
  5. 2017蓝桥杯杨辉三角(C++C组)
  6. 28.4 Calendar 日历
  7. java京东自动登录
  8. pgsql中的事务隔离
  9. 《MySQL实战45讲》学习笔记4——MySQL中InnoDB的索引
  10. MyBatis-Plus使用小结