为了账号安全,请及时绑定邮箱和手机立即绑定

使用Vue的v-for渲染了一个列表,每项都有折叠/打开功能,但点击一个打开就全部打开了

使用Vue的v-for渲染了一个列表,每项都有折叠/打开功能,但点击一个打开就全部打开了

守着星空守着你 2018-09-04 13:33:53
如上列表,圈主那栏单个项目会有个更多按钮,点击更多会显示更多的圈主电话及昵称。那么现在我的问题是比如有列表10个项目,是个项目都有多个圈主,我点击其中一个项目的更多,那么十个项目的全打开了,而我们想要的只是打开你点击的那一个而已。下面代码:我现在的思路是要么上上面那么用js去控制隐藏和显示,要么用css控制ul的高度,从而只显示两个,然后改css高度全部显示,达到折叠隐藏目的!可我这两种思路我都不知道怎么去单独匹配点击的那条项目,vue刚开始也不熟悉,请教下,如何点击后只去控制单独的那条数据,而不是点击一个打开,然后全部都打开了
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 3046 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号