Vue循环li标签是时无法获取元素

代码大概如下:但是在mounted函数里使用querySelectorAll时获取不到li标签,ul标签可以获取


 <ul class="ulist">
        <li class="lis" v-for=" value in toppic" :key="value.id" :datasrc ="value.path" >{{value.name}}</li>
 </ul>

var list = document.querySelectorAll('.ulist .lis');
console.log(list);

控制台一直输入为空,请问是什么原因造成的

img

在console.log(list)前面打印下toppic看看

在mounted里面加上vm.$nextTick函数试试

按照你的代码跑没有问题,看看有什么遗漏的地方

img

网页效果:

img