Vue中点击当前列表项,显示列表详情,其它列表项隐藏

当碰到这种需求的时候,对于一个新手来来说,如何解决这个问题?

首先,沿着Vue数据驱动的思想来考虑问,每个列表的每一项,是不是需要一个数据来控制显隐(用v-if或者v-show来控制,后者用于切换频繁时使用)?

后台在返回数据时,不一定给你返回一个专门控制列表显隐的字段。所以我们要对后台返回的数据进行二次加工,添加一个新字段,来满足我们的需求。

这里存在一个问题,有人问:为什么我加了数据,但是没有效果。这是因为你在添加数据的时候没有使用vue.set(obj, newKey, newValue)这个方法来添加数据。使用此方法添加的数据是响应式的。



文章来源:https://sxd.now.sh/

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容