【技术实现步骤摘要】
基于Vuetify框架的穿梭框实现方法及装置
本专利技术涉及软件开发
，尤其涉及一种基于Vuetify框架的穿梭框实现方法及装置。
技术介绍
本部分旨在为权利要求书中陈述的本专利技术实施例提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。在实际项目开发中，经常需要实现这样的需求，即用户需要在一个列表清单中选出需要的列表项，并将用户选择的列表项与未选择的列表项进行区分展示，穿梭框就是能够满足这一需求的页面展示组件。然而，使用Vuetify框架实现的web项目因为没有现成的穿梭框可使用，使得开发人员不得不自己组合构建穿梭框并且令其实现穿梭框功能，极大的降低了开发效率。
技术实现思路
本专利技术实施例提供一种基于Vuetify框架的穿梭框实现方法，用以在Vuetify框架下，实现一种可以直接引用的穿梭框，无需重新编写穿梭框内部逻辑即可实现穿梭框功能，提高开发效率，该方法包括：接收用户设置的穿梭框参数；根据所述穿梭框参数确定构建穿梭框时所需使用目标组件以及用于穿梭的数...
【技术保护点】
1.一种基于Vuetify框架的穿梭框实现方法，其特征在于，所述方法包括：/n接收用户设置的穿梭框参数；/n根据所述穿梭框参数确定构建穿梭框时所需使用目标组件以及用于穿梭的数据项内容，所述目标组件包含在Vuetify框架提供的组件中；/n获取预先存储的目标组件之间的数据穿梭逻辑；/n根据目标组件、数据项内容和数据穿梭逻辑构建穿梭框。/n
【技术特征摘要】
1.一种基于Vuetify框架的穿梭框实现方法，其特征在于，所述方法包括：
接收用户设置的穿梭框参数；
根据所述穿梭框参数确定构建穿梭框时所需使用目标组件以及用于穿梭的数据项内容，所述目标组件包含在Vuetify框架提供的组件中；
获取预先存储的目标组件之间的数据穿梭逻辑；
根据目标组件、数据项内容和数据穿梭逻辑构建穿梭框。
2.根据权利要求1所述的方法，其特征在于，Vuetify框架提供的组件包括基础组件和附加组件，所述基础组件为构建穿梭框时必选的组件，包括列表框、穿梭启动按钮和选择框，所述附加组件为构建穿梭框时可选的组件，包括搜索按钮和输入框；其中，所述列表框用于展示所需穿梭的数据项内容。
3.根据权利要求2所述的方法，其特征在于，获取预先存储的目标组件之间的数据穿梭逻辑，包括：
获取预先存储的列表框与列表框之间的数据互相移动逻辑、穿梭启动按钮可用与不可用的转换逻辑，和/或搜索列表数据逻辑、搜索内容清空逻辑、列表项全选逻辑。
4.根据权利要求1至3任一项所述的方法，其特征在于，所述穿梭框参数还包括穿梭框的形态参数，所述形态参数包括用于定义目标组件形态，所述目标组件的形态包括形状、大小和显示名称，在接收用户设置的穿梭框参数之后，所述方法还包括：
根据所述穿梭框参数确定构建穿梭框时所需使用目标组件、用于穿梭的数据项内容以及目标组件的形态；
获取预先存储的目标组件之间的数据穿梭逻辑；
根据目标组件、数据项内容、目标组件的形态和数据穿梭逻辑构建相应形态的穿梭框。
5.一种基于Vuetify框架的穿梭框实现装置，其特征在于，所述装置包括：
接收模块，用于接收用户设置的穿梭框参数；
确定模块，用于根据所述穿梭框参数确定构建穿...
【专利技术属性】
技术研发人员：马洁，刘婷婷，
申请(专利权)人：中国银行股份有限公司，
类型：发明
国别省市：北京;11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。