vue操作数组更新子组件数据

问题:动态遍历的子组件,修改子组件的状态,当在父组件操作数组时候,子组件被重新渲染,数据上一次保存的数据丢失了。
如图:
删除子组件的第一个,想要保留其余的组件数据状态,
1.png
想要的效果:
2.png

实际上的效果:
3.png

我本来想在子组件使用$emit保存数据到父组件的数组,也不行,求解。

demo地址:
https://jsbin.com/bikuval/6/edit?html,js,output

阅读 1.7k
1 个回答

这个方法删除的时候没有改变数组长度,
在item中添加一个属性show判断是否显示该行。
在删除时把show属性改为false

https://jsbin.com/cotomox/edi...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题