vue利用v-for循环时怎么只处理点击的那个元素

2025-03-19 19:49:36
推荐回答(2个)
回答1:

111,,,,

全部评论








{{item.vname}}

{{item.content}}



{{item.rtime|timeago}}  //发布评论的时间这里的timeago是一种时间filter过滤器,把时间换成距离现在多久的时间。
{{item.zancount}}





//开始是浅色的图标。点击赞的时候,前面的图标换成深色的31.png。然后点赞的数量加1.

methods:{

zanComment(db,e){

var img=$(e.srcElement).attr("src");//指的就是当前的那个元素的src属性

if(img=="img/3.png"){   //如果还是没有点击的效果。点击以后先评论数加1再改变图片
db.zancount++; //db.xxxx就是这个点击的

$(e.srcElement).attr("src",'img/31.png');    }

}

}

}

222、、、

methods:{

link(db){

this.$router.push({name:'商品详情',params:{id:db.id,uid:localstorage.getItem('uid')}})//把内容传给商品详情的页面

}

}

下面是商品详情页面的js

mounted() {
this.$api("Mp/goodsDetail", {goods_id: this.$route.params.id }).then(obj => {});  //

在vue的世界里,没有动态添加dom这种概念,一切都是数据驱动

{{obj.prop}}