组件封装过程中的一些思考

1,653 阅读1分钟

企业微信截图_16814594509299.png

有如下场景, 新建的时候会出现一个弹窗,在弹窗中选择一条之后,会在列表出现一条该数据,(同时 关闭弹窗,刷新列表)

如果需要把这个新建弹窗封装成组件,需要怎么做?

直接上代码(注释里的代码需要放开)

主要做的工作是,

初始化时 获取列表接口,同时更新loading状态 确定时候 调用添加接口,成功后 关闭弹窗,刷新列表, 同时操作loading

,

如果再有一个新建弹窗里面是树组件,如何封装?

同样可以

初始化时 获取列表接口,同时更新loading状态 确定时候 调用添加接口,成功后 关闭弹窗,刷新列表, 同时操作loading 。。。

如何更抽象一些?

针对 表格新建弹窗 树新建弹窗 form新建弹窗 ,抽取共同逻辑

注意这两个方法是可以抽取到弹窗组件内部,而不是暴露出去让上层组件去实现一遍, 那样最底层组件实际上并没有做太多工作,只是暴露方法,失去封装意义

企业微信截图_16814603112441.png