问题
通过ajax获取mv列表到数组中,然后通过v-for渲染到页面上。此时,想要通过每次渲染时得到mv的id作为参数,传入一个函数中进行新的异步操作,但是遇到了问题。
<div class="card" v-for="(mv,index) in recommendMVs" :key="index">
<div id="mv">
<img :src="mv.picUrl" >
<div id="infoOfMv">
<span >{
{
mv.name}}</span>
<span>by.{
{
mv.artistName}}</span>
</div>
</div>
<div id="about">
<img src="../assets/imgs/thumb.png" alt="" class="thumb cardIcon" >
<span>{
{
mv.likedCount}}</span>
<img src="../assets/imgs/commend.png" alt="" class="commends cardIcon">
<span>{
{
mv.commentCount}}</span>
</div>
</div>
代码中 recommendMVs 是获取到的mv数组,数组元素是对象。mv对象有id属性,可以通过这个id请求到mv的相关信息,如点赞数,评论数等。
原本想法是把mv.id作为参数,传入一个函数,像这样:
<img src="../assets/imgs/thumb.png" alt="" class=