vue循环出来的数据如何单独控制显示和隐藏
来源:     阅读:1744
织梦模板店
发布于 2021-03-20 09:04
查看主页
微信截图_20201220201311.png

先形容一下需求,首先我这里的数据是列表数据是循环出来的,而后我要点击右侧的点赞,点赞的小手是两个图片的切换。
思路:

1.首先我要用一个数组来保存点赞的一个状态。循环列表向这个数组中插入false/true,假如已经被点赞插入false,没有被点赞插入true;就会取得一个相似于 likeList=[false,true,false,false,false...]的数组。--当然你也可以用其余的数字呀或者者什么来自己设置,看你怎样好操作怎样解决。

2.而后点击那个图标的方法里面将index传过来相似于这样的checkBack(item.id, index),这里的item.id是点赞接口需要的参数(假如没有,你可以忽略),另外的index是我要去改变刚刚保存数组的likeList[index]的那个状态所以就会有

  this.likeList[index]= !this.likeList[index] // 取反 

注意: 这里我遇到一个问题,就是我这样写,没有得到想要的效果,所以下面一句很重要

 Vue.set(this.likeList,index,this.likeList[index])

假如没有上面那句话,是不会有效果的~ 所以~肯定要加上,
这样你即可以实现,单独控制循环出来的数据的显示隐藏,或者者其余操作啦。

免责声明:本文为用户发表,不代表网站立场,仅供参考,不构成引导等用途。 系统环境 软件环境
相关推荐
父元素flex: 1,子元素height: 100%不生效,无法撑满高度
作为开发人员居然不懂Redis?先把Redis掌握再想着年后跳槽好吗
自学HTML5,基础入门篇
彩票过滤缩水必备编程技能,c++编写一个彩票开奖程序!
CentOS 下如何制作 apache2.2 RPM 包
首页
搜索
订单
购物车
我的