Vue3列表数据点击显示或隐藏当前列数据

Vue3列表数据点击显示或隐藏当前列数据,第1张

需求是这样子的,页面有多条数据,每条数据下面有个评论按钮。点击评论按钮会展开评论框,再点击一下就关闭评论框,如下图

直接上代码,利用v-show="item.show"解决




这里偷个懒,就是item里的show 是从后端取的,直接在后端返回的列表数据中放了默认show=false。。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1297354.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-10
下一篇 2022-06-10

发表评论

登录后才能评论

评论列表(0条)

保存