子组件更改父组件状态疑问
来源：5-6 拆分首页ListItem组件1
叫我小鱼儿
2021-11-17 12:26:31
问题描述：
通过遍历父组件传过来的lists，修改对应的catalog，这里不是更改了父组件的状态吗?（与之前学的不一样）
相关代码：
computed: {
items () {
_.map(this.lists, item => {
switch (item.catalog) {
case 'ask':
item.catalog = '提问'
......
}
})
return this.lists
}尝试过的解决方式：
定义个新属性，譬如catalogDesc
直接对lists进行深拷贝，再渲染列表数据
写回答
1回答
-
是的，我们写法不是很严谨。
可以通过props传递进来后，在mounted中对组件内的lists进行赋值（使用...进行浅拷贝）
然后再使用computed属性来进行转换显示的内容，也是可以的。
0
相似问题