[前端]关于使用 Vue 的一个小问题

[dixeran]

例如有一个很多条目的列表，每个列表都可以选择是否展开详情，使用“ Vue ”的方法是不是意味着要对每个列表项的数据里增加一个类似于 "showdDetail : false/true" 这样的属性？
可是"showDetail"这种属性本身就很“视图层”，按理说不应该跟数据混在一起吧。对于这样的情况怎样设计比较合理呢？

[zjwshisb]

本来就是数据驱动视图呀。。很视图层有什么问题吗？

[dixeran]

@zjwshisb 那样跟后端交换数据的时候就很不方便诶。

[zjwshisb]

@dixeran 提交的时候过滤一下就好了

[crysislinux]

你也可以搞个 showDetails: { [id]: boolean }, 这样就跟你的数据分开了

[johnniang]

@zjwshisb 循环的每一个数据都添加一个属性就搞定了

[viko16]

客户端要有意识地维护一个数据模型。
服务端数据只是其中一个数据源…

[dixeran]

@zjwshisb
@crysislinux
@johnniang
@viko16
受教了，谢谢

[grewer]

新建一个组件,添加参数 showdDetail : false/true ,父组件导入后台传递的数据即可

[dixeran]

@grewer 这个不错，谢谢:)