vue配合jquery遇到的问题

按照官方文档 this.$nextTick能够在dom渲染完成以后执行操做，因而出现了如下问题：

如图

• 上图为列表部分，下图为vue部分
• 采用watch监听数据变化,而后用this.$nextTick等待dom渲染完成再执行方法

预期获得这样的结果

实际上获得的结果

若是说在控制台执行方法，能够将上图变为预期结果

• 初看之下，彷佛this.$nextTick并无生效，可是实际上的确是dom渲染完成以后才执行的方法;
• 猜想缘由是图片源是位于服务器端，而不在vue端，dom渲染完成，可是图片资源并无加载完成，因而出现了这样的状况;
• 解决方案是设置定时器,如图

采用这种方式延时等待图片资源加载完成，可是若是请求端网络状况较差，仍然会出现加载不全的状况，所以此方案也有一些不稳定性。

以上