javascript - 关于vue生命周期的问题，如何获得已渲染完的元素

问题描述

问 题

需求：通过axios获取一组数据，以一组<li>的形式显示出来，需要获取每个<li>实际的大小然后进一步计算调整这些<li>的style。
在beforeMount里我使用axios获取数据，但是在mounted里使用$nextTick依然获取不到已渲染完成的$el，请问到底应该如何获取渲染完的这一组<li>？谢谢。

解决方案

updated?
或者，你watch数据变量，然后再nextTick

data(){
    return {list:[]}
},
mounted(){
    axios.post().then((json) => {
        this.list = json.list
    })
},
watch(val){
    this.nextTick(()=>{
        //
    })
}

这篇关于javascript - 关于vue生命周期的问题，如何获得已渲染完的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！