父传子, 新增对应新增接口,编辑对应修改接口

102 阅读1分钟

方案1

(1)子组件设置一个方法getStatus,里面有一个变量openStatus

image.png

(2)父组件给子组件方法getStatus传值

//新增方法内
this.$refs.editInfo.getStatus('add')
//编辑方法内
this.$refs.editInfo.getStatus('edit')

image.png

方案2

这个方法思路没问题,写法是错的!!

在原有的refs中再添加一个参数,优点是少写一个子组件方法getStatus

//新增方法内
this.$refs.editInfo.openAddPage('','add');
//编辑方法内
this.$refs.editInfo.openAddPage(row.stencilId,'edit');

方案3

父组件直接ref给子组件变量openStatus传值,最简单,缺点为不好新增后续的功能

//新增方法内
this.$refs.editInfo.openStatus='add'
//编辑方法内
this.$refs.editInfo.openStatus='edit'