vue使用v-for渲染数据,并把的数据作为参数,调用methods方法进行新的异步操作,获取新数据

问题

通过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=
  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值