Vuejs2 Can'；t从外部API拉取动态数据时，使用光滑滑块

试图建立一个带有一些滑块的网站。对于滑块，我使用了SLICK slider。这是我的代码

热门场地
HELLOW
欢迎来到地狱世界
导出默认值{
名称：“homePopularVenue”，
数据（）{
返回{
员额：[]
}
},
安装的（）{
这个。create（）；
这是。$http.get（'https://newsapi.org/v1/sources?language=en')
。然后（响应=>{
console.log（response.data）；
this.posts=response.data.source；
})
},
方法：{
创建（）{
$（'.home slider popular Visite'）.slick({
幻灯片放映：4，
幻灯片滚动：1，
无限：是的，
点：是的，
自动播放：对，
自动播放速度：2000，
响应：[
{
断点：1024，
设置：{
幻灯片放映：3，
幻灯片滚动：3，
无限：是的，
圆点：对
}
},
{
断点：600，
设置：{
幻灯片放映：2，
幻灯片滚动：2
}
},
{
断点：480，
设置：{
幻灯片放映：2，
幻灯片滚动：1
}
}
]
});
}
},
已创建：函数（）{
}
}
.副标题词：之后{
内容：“；
宽度：200px；
背景#F99A13；
高度：4px；
显示：块；
保证金：自动；
边缘顶部：15px；
边缘底部：30px；
}
.家里很受欢迎{
盒影：2px4px8px0RGBA（46,61,73,2）；
利润率：30px 10px；
转换：.2s易进易出；
}
.主滑块受欢迎的场地。好的：悬停{
盒影：12px15px20px0rgba（46,61,73,15）；
}
.半图像温度{
最大高度：250px；
}
.半图像温度图像{
宽度：100%；
显示：块；
保证金：自动；
}
.半内容温度{
}

{{post.id}}

中未在任何位置定义。我猜你忘了设置

v-for=“post in posts”

或类似的设置。我希望你想在数据更新时初始化

slick

。在这里，您可以在返回数据之前的

created

中对其进行初始化。您可能希望在

中执行此操作。然后在
之后设置
。设置posts
。我已经为滑块的父元素定义了v-for=“post in post”，您可以在我定义的第二个代码托盘中看到它。Bert Evans我也使用了您的想法，但仍然不太好。在数据初始化和{post.id}之后，滑块在一秒钟内工作正常得到它的价值，滑块停止工作，如果你把小提琴放在一起演示问题，我可以帮助你。