js 父组件向子组件传参

  有一个父组件页面如上,点击新增或者修改都会弹出同一个子组件如下:

  

      

      父组件传参到子组件有两种方式:

      一、直接把对象当成参数传给子组件,(看上去更简单,经测试发现一个问题,因为新增时要置空对象的所有信息,甚至包括ID,所有弹出子组件的时候对象信息是展示正确的,但是原来的列表页面,点击的某条数据就是丢失,需要再次刷新或者再次发送请求方可正常);

     二、正确的方法应该是父组件传一个ID给子组件也就是弹出框,然后在vue实例被生成后调用这个函数(created)里面通过后端的接口获取对象的详细信息,这样就会避免父组件数据的丢失。

原文地址:https://www.cnblogs.com/alvin553819/p/7691600.html