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

2023-10-22 本文已影响0人一纸晴空

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

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

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

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