vue利用v-for循环时怎么只处理点击的那个元素
答案:2 悬赏:30 手机版
解决时间 2021-03-23 04:42
- 提问者网友：流星是天使的眼泪
- 2021-03-22 16:45
vue利用v-for循环时怎么只处理点击的那个元素
最佳答案
- 五星知识达人网友：末日狂欢
- 2021-03-22 18:18
111，，，，
全部评论
{{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这种概念，一切都是数据驱动
全部评论
{{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、、、
- //跳转到指定页面根据这个图片的id
{{item.goods_name}}
￥{{item.goods_price}}
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这种概念，一切都是数据驱动