[发明专利]基于Vue的弹框组件实现方法及装置

权利要求书

1.基于Vue的弹框组件实现方法，其特征在于，包括以下步骤：

步骤1、在Vue页面中引入弹框组件并在components中注册并使用，所述弹框组件包括统一封装的公共内容以及通过slot插槽展示的自定义内容；

步骤2、获取弹框组件的类型，根据所述弹框组件的类型在弹框组件中混入相应的mixin文件；

步骤3、为弹框组件绑定弹框属性并添加相应的逻辑代码，所述弹框属性至少包括visible属性和editData属性；

步骤4、在弹框视图展示之前，根据所述editData属性中的内容判断弹框子组件是否需要在expandOpen()内获取数据，若是，则获取数据后进入步骤5，否则，直接进入步骤5；

步骤5、接收用户的点击事件，弹框父组件根据用户的点击事件改变visible属性实现弹框视图的展示，在弹框视图展示之后，弹框父组件根据用户的点击事件改变visible属性实现弹框视图的隐藏。

2.如权利要求1所述的基于Vue的弹框组件实现方法，其特征在于，所述弹框组件的类型至少包括表单的弹框组件；所述步骤2还包括：在requestMethod()内编写接口请求相关逻辑；所述步骤5还包括：在弹框视图展示之后，判断是否有请求需要提交，若是，则调用requestMethod()方法进行数据的请求。

3.如权利要求2所述的基于Vue的弹框组件实现方法，其特征在于，还包括：在表单弹框提交时通过elementUI的表单组件绑定rules进行基础校验或自定义规则校验。

4.如权利要求1所述的基于Vue的弹框组件实现方法，其特征在于，所述公共内容包括：弹头部、底部、确认按钮、取消按钮、关闭标志、弹框内容子组件插槽的位置、默认样式、通用属性和自定义事件。

5.如权利要求4所述的基于Vue的弹框组件实现方法，其特征在于，所述默认样式为能够通过title()、width()或showFooter()进行修改的默认样式。

6.如权利要求1所述的基于Vue的弹框组件实现方法，其特征在于，所述步骤5还包括：

在弹框视图展示之后，弹框组件根据用户的点击事件并通过$emit()向弹框父组件发送广播，并传递一个false参数，弹框父组件接收所述false参数后，改变visible属性实现弹框视图的隐藏。

7.如权利要求1所述的基于Vue的弹框组件实现方法，其特征在于，所述步骤5之后还包括：对页面进行刷新。

8.基于Vue的弹框组件实现装置，其特征在于，包括：

引入单元，用于在Vue页面中引入弹框组件并在components中注册并使用，所述弹框组件包括统一封装的公共内容以及通过slot插槽展示的自定义内容；

混入单元，用于获取弹框组件的类型，根据所述弹框组件的类型在弹框组件中混入相应的mixin文件；

添加单元，为弹框组件绑定弹框属性并添加相应的逻辑代码，所述弹框属性至少包括visible属性和editData属性；

判断单元，用于在弹框视图展示之前，根据所述editData属性中的内容判断弹框子组件是否需要在expandOpen()内获取数据，若是，则获取数据；

接收单元，用于接收用户的点击事件，弹框父组件根据用户的点击事件改变visible属性实现弹框视图的展示，在弹框视图展示之后，弹框父组件根据用户的点击事件改变visible属性实现弹框视图的隐藏。