mounted中setTimeout的时间问题

来源:4-4 轮播图组件实现(上)

Han

2018-05-24

mounted () {

   setTimeout(() => {

     this.init()

   }, 20)

 },

 methods: {

   init () {

     this.children = this.$refs.sliderGroup.children

     let sliderItemArr = this.$refs.sliderGroup.children

     console.log(sliderItemArr)      

     console.log('get')

   }

 }

20毫秒时间不够啊,出来的结果是如下

http://img.mukewang.com/szimg/5b062b400001140003950138.jpg


我将时间改成了300毫秒才能确保dom渲染完成,结果如下

http://img.mukewang.com/szimg/5b062baa0001b85304220029.jpg


为什么需要这么长时间?不是20毫秒就够了嘛

写回答

1回答

ustbhuangyi

2018-05-24

你是不是有异步请求的数据?

0
1
Han
是的,已经解决,忘记添加异步完成再渲染的条件了
2018-05-24
共1条回复

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程