CN116579310A - 用于表单的标签设置方法、装置和存储介质 - Google Patents

Abstract

本申请涉及一种用于表单的标签设置方法、装置和存储介质，其中，用于表单的标签设置方法包括：响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与设置请求关联的处理功能，对目标标签进行处理，得到处理结果；在用户界面输出处理结果，并为与目标标签同类别的其他标签设置关联样式。其能够利用标签类别实现前端页面中标签的区分显示，从而能够基于标签类别提高用户对同类别标签的操作效率。

Description

用于表单的标签设置方法、装置和存储介质

技术领域

本申请涉及前端组件处理领域，特别是涉及用于表单的标签设置方法、装置和存储介质。

背景技术

随着前端技术的发展，以及用户需求的变化，表单组件不再局限于输入框、选择器、复选单选等元素，自定义标签组件被应用于前端页面开发中。目前前端页面中往往是将所有标签以统一样式进行排列，用户需要以肉眼识别的方式从前端页面中筛选出所需标签进行相应操作，在前端页面展示的标签较多的情况下，用户对标签进行操作的效率较低。

针对相关技术中存在用户在前端页面对标签进行设置的效率较低的问题，目前还没有提出有效的解决方案。

发明内容

在本实施例中提供了一种用于表单的标签设置方法、装置和存储介质，以解决相关技术中存在用户在前端页面对标签进行设置的效率较低的问题。

第一个方面，在本实施例中提供了一种用于表单的标签设置方法，包括：

响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与所述设置请求关联的处理功能，对所述目标标签进行处理，得到处理结果；

在用户界面输出所述处理结果，并为与所述目标标签同类别的其他标签设置关联样式。

在其中的一些实施例中，所述响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与所述设置请求关联的处理功能，对所述目标标签进行处理，得到处理结果，包括：

响应于用户针对用户界面中目标标签的新增请求，进行所述目标标签的新增校验；

在校验通过的情况下，调用新增标签接口，完成对所述目标标签的添加，并基于所述目标标签的标签值为所述目标标签设置标签类别。

在其中的一些实施例中，所述在用户界面输出所述处理结果，并为与所述目标标签同类别的其他标签设置关联样式，包括：

在用户界面显示新增的目标标签，并基于所述目标标签所属的标签类别，确定所述用户界面中与所述目标标签同类别的其他标签；

为与所述目标标签同类别的其他标签设置关联样式。

在其中的一些实施例中，所述响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与所述设置请求关联的处理功能，对所述目标标签进行处理，得到处理结果，包括：

响应于用户针对用户界面中目标标签的选中请求，设置所述目标标签的选中属性。

在其中的一些实施例中，所述在用户界面输出所述处理结果，并为与所述目标标签同类别的其他标签设置关联样式，包括：

基于所述目标标签的选中属性，在所述用户界面为所述目标标签设置选中样式，并为与所述目标标签同类别的其他标签设置关联样式。

在其中的一些实施例中，所述响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与所述设置请求关联的处理功能，对所述目标标签进行处理，得到处理结果，包括：

响应于用户针对用户界面中目标标签的删除请求，对所述目标标签进行选中状态检测并向用户输出删除确认；

在得到所述用户的确认删除响应的情况下，调用删除标签接口，对所述目标标签进行删除处理。

在其中的一些实施例中，所述在用户界面输出所述处理结果，并为与所述目标标签同类别的其他标签设置关联样式，包括：

向所述用户界面输出删除提示，并为与所述目标标签同类别的其他标签设置关联样式。

在其中的一些实施例中，所述处理功能封装于表单的组件中，所述组件为基于VUE框架的全局挂载组件。

第二个方面，在本实施例中提供了一种用于表单的标签设置装置，包括：处理模块和输出模块；其中：

所述处理模块，用于响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与所述设置请求关联的处理功能，对所述目标标签进行处理，得到处理结果；

所述输出模块，用于在用户界面输出所述处理结果，并为与所述目标标签同类别的其他标签设置关联样式。

第三个方面，在本实施例中提供了一种存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述第一个方面所述的用于表单的标签设置方法。

与相关技术相比，在本实施例中提供的用于表单的标签设置方法、装置和存储介质，响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与设置请求关联的处理功能，对目标标签进行处理，得到处理结果；在用户界面输出处理结果，并为与目标标签同类别的其他标签设置关联样式。其能够利用标签类别实现前端页面中标签的区分显示，从而能够基于标签类别提高用户对同类别标签的操作效率。

本申请的一个或多个实施例的细节在以下附图和描述中提出，以使本申请的其他特征、目的和优点更加简明易懂。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是本实施例的用于表单的标签设置方法的终端的硬件结构框图；

图2是本实施例的用于表单的标签设置方法的流程图；

图3是本优选实施例的初始化标签列表方法的流程图；

图4是本优选实施例的标签新增方法的流程图；

图5是本优选实施例的标签删除方法的流程图；

图6是本实施例的用于表单的标签设置装置的结构框图。

具体实施方式

为更清楚地理解本申请的目的、技术方案和优点，下面结合附图和实施例，对本申请进行了描述和说明。

除另作定义外，本申请所涉及的技术术语或者科学术语应具有本申请所属技术领域具备一般技能的人所理解的一般含义。在本申请中的“一”、“一个”、“一种”、“该”、“这些”等类似的词并不表示数量上的限制，它们可以是单数或者复数。在本申请中所涉及的术语“包括”、“包含”、“具有”及其任何变体，其目的是涵盖不排他的包含；例如，包含一系列步骤或模块(单元)的过程、方法和系统、产品或设备并未限定于列出的步骤或模块(单元)，而可包括未列出的步骤或模块(单元)，或者可包括这些过程、方法、产品或设备固有的其他步骤或模块(单元)。在本申请中所涉及的“连接”、“相连”、“耦接”等类似的词语并不限定于物理的或机械连接，而可以包括电气连接，无论是直接连接还是间接连接。在本申请中所涉及的“多个”是指两个或两个以上。“和/或”描述关联对象的关联关系，表示可以存在三种关系，例如，“A和/或B”可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。通常情况下，字符“/”表示前后关联的对象是一种“或”的关系。在本申请中所涉及的术语“第一”、“第二”、“第三”等，只是对相似对象进行区分，并不代表针对对象的特定排序。

在本实施例中提供的方法实施例可以在终端、计算机或者类似的运算装置中执行。比如在终端上运行，图1是本实施例的用于表单的标签设置方法的终端的硬件结构框图。如图1所示，终端可以包括一个或多个(图1中仅示出一个)处理器102和用于存储数据的存储器104，其中，处理器102可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置。上述终端还可以包括用于通信功能的传输设备106以及输入输出设备108。本领域普通技术人员可以理解，图1所示的结构仅为示意，其并不对上述终端的结构造成限制。例如，终端还可包括比图1中所示更多或者更少的组件，或者具有与图1所示出的不同配置。

存储器104可用于存储计算机程序，例如，应用软件的软件程序以及模块，如在本实施例中的用于表单的标签设置方法对应的计算机程序，处理器102通过运行存储在存储器104内的计算机程序，从而执行各种功能应用以及数据处理，即实现上述的方法。存储器104可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器104可进一步包括相对于处理器102远程设置的存储器，这些远程存储器可以通过网络连接至终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

传输设备106用于经由一个网络接收或者发送数据。上述的网络包括终端的通信供应商提供的无线网络。在一个实例中，传输设备106包括一个网络适配器(NetworkInterface Controller，简称为NIC)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输设备106可以为射频(Radio Frequency，简称为RF)模块，其用于通过无线方式与互联网进行通讯。

在本实施例中提供了一种用于表单的标签设置方法，图2是本实施例的用于表单的标签设置方法的流程图，如图2所示，该流程包括如下步骤：

步骤S210，响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与设置请求关联的处理功能，对目标标签进行处理，得到处理结果。

该用户界面指的是计算机中基于前端开发技术实现的前端交互界面。该用户界面中的标签，指的是前端交互界面中的标签组件。例如，在电商应用场景中，该标签可以用于表示搜索商品所使用的商品类别，用户通过选取相应标签实现商品过滤筛选；此外，该标签还可以显示用户界面中的重点内容，用户通过对标签进行选取来实现对相应重点内容的展示。上述设置请求，具体可以为用户对于用户界面中目标标签的新增、删除以及选中等请求。上述处理功能，指的是标签组件中预先封装的与设置请求相对应的基于代码实现的执行逻辑。该处理功能中可以包含可供调用的后端提供的处理接口。该处理接口指的是基于代码实现的包含对标签的新增、删除以及选中等处理逻辑的程序接口。可以通过自定义组件中封装的功能，实现对上述处理接口的调用，从而得到对目标标签的处理结果。

当用户在用户界面发起对于目标标签的新增请求时，则通过调用后端的新增标签接口执行目标标签新增的处理逻辑，并在处理完成后返回该目标标签是否新增成功的处理结果。该新增请求可以由用户在用户界面点击新增标签按钮后，输入待新增的目标标签信息而发起。当用户发起对于目标标签的选中请求时，则对目标标签中与选中有关的属性值进行修改，并在用户界面为该目标标签设置选中效果。当用户发起对于目标标签的删除请求，则调用删除标签接口，对该目标标签进行删除处理，并修改该目标标签的选中状态、显示状态等属性。

此外，在本实施例中上述用户界面为基于iview框架表的组件化开发生成。其中iview是一套基于VUE框架的用户界面(User Interface，简称为UI)组件库。VUE框架为一套用于构建用户界面的渐进式框架。通过预先开发自定义标签组件渲染模板，并为组件封装与上述处理请求相应的业务功能，关联相应的处理接口，之后基于VUE框架实现组件的全局挂载，以将模板、样式及行为事件均结合到一个组件中进行开发，并且通过组件的动态挂载，实现数据与视图的双向绑定。在用户界面中标签列表初始化时，通过后端接口获取标签数据列表，其中，后端可以基于预先确定的接口返回格式将标签数据列表返回至前端。前端以深度优先遍历的方式访问所有的标签，对所有标签进行初始化操作，按需配置标签的属性及名称，并在用户界面的预设位置进行排列显示。标签列表可以包括已选标签和全部标签两个显示面板。在初始化标签列表时，可以获取每个标签的选中状态，将已被选中的标签在用户界面的已选标签的显示面板中显示，并在全部标签的显示面板中为已被选中的标签设置选中效果，例如对其进行高亮显示，以完成标签回填。另外地，在本实施例中还可以基于VUE框架的v-on自定义事件，将父组件的信息传递给子组件，在子组件中通过调用预设的触发方法，例如this.$emit()方法来触发父组件的方法，基于此，可以向外部提供组件的数据对象。

步骤S220，在用户界面输出处理结果，并为与目标标签同类别的其他标签设置关联样式。

该关联样式指的是用于将目标标签和与该目标标签同类别的其他标签在用户界面关联显示的显示样式。例如可以将目标标签和与该目标标签同类别的其他标签以某一颜色高亮显示。标签的类别可以基于标签自身属性来划分。例如可以基于标签名称的关键字、标签的索引值对标签进行分类。此外标签的类别可以包括一种或多种层级。例如可以仅用一种大类对标签进行划分，或者在大类下再划分不同的小类。可选地，可以基于标签所属类别的不同为标签赋予相应的唯一编码，相同类别的标签其唯一编码的前段部分可以一致。

当用户对目标标签进行新增、选中、删除等操作时，均可以基于目标标签所属的类别，在用户界面中对与目标标签同类别的其他标签进行样式的关联设置，从而便于用户在用户界面中直接基于关联样式筛选出同类别的标签，进而提高对于同类别标签的操作效率。例如，当进行目标标签的新增时，则可以在用户界面对新增的目标标签同类别的其他标签进行高亮显示，以便于用户判别是否存在重复标签。当进行目标标签的选中时，则还可以在为目标标签设置选中样式的情况下，对与该目标标签同类别的其他标签进行高亮显示，以便于用户直观地从用户界面确定与选中的目标标签同类别的其他标签。当进行目标标签的删除时，通过关联显示与目标标签同类别的其他标签，能够便于用户进行同类别标签的删除操作。

上述步骤S210至步骤S220，响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与设置请求关联的处理功能，对目标标签进行处理，得到处理结果；在用户界面输出处理结果，并为与目标标签同类别的其他标签设置关联样式。其能够利用标签类别实现前端页面中标签的区分显示，从而能够基于标签类别提高用户对同类别标签的操作效率。

在一个实施例中，基于上述步骤S210，响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与设置请求关联的处理功能，对目标标签进行处理，得到处理结果，可以包括：响应于用户针对用户界面中目标标签的新增请求，进行目标标签的新增校验；在校验通过的情况下，调用新增标签接口，完成对目标标签的添加，并基于目标标签的标签值为目标标签设置标签类别。

具体地，该新增功能可以通过在新建VUE文件时，在模板标签内利用超文本标记语言(Hyper Text Markup Language，简称为HTML)结合层叠样式表(Cascading StyleSheets，简称为CSS)生成表单输入框。当检测到用户操作鼠标移入至该表单输入框后，则会利用下拉组件在该输入框下显示下拉框，将标签列表的内容通过插槽方式插入。该下拉框可以被分为两个面板，包括已选标签面板和全部标签面板，其中可以将添加标签的按钮设置在全部标签面板内。用户可以通过点击该添加标签的按钮进行标签新增。当用户点击该添加标签后，可以将该按钮替换为标签输入框，以供用户输入标签名称。当用户输入需要新增的标签名称后，标签组件获取父组件的传值，得到后端新增标签接口的信息、调用接口时的传参名以及新增标签的校验规则等信息。其中，首先基于用户输入的标签名称进行进行正则校验，在校验通过的情况下调用新增标签的接口并传参，在后端完成标签新增，否则，在页面提示关于标签格式不正确的内容，清空该标签名称的输入框内容并重新将该输入框替换为添加标签按钮。此外，在对目标标签进行新增时，可以基于新增的标签值，例如输入的标签名称的关键字，或是索引值等信息，为该目标标签进行标签类别的关联。

另外地，在一个实施例中，基于上述步骤S220，在用户界面输出处理结果，并为与目标标签同类别的其他标签设置关联样式，可以包括：在用户界面显示新增的目标标签，并基于目标标签所属的标签类别，确定用户界面中与目标标签同类别的其他标签；为与目标标签同类别的其他标签设置关联样式。通过在新增目标标签时，将与该目标标签同类别的其他标签设置关联样式，能够在用户界面直观向用户展示是否存在重复标签。

在一个实施例中，基于上述步骤S210，响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与设置请求关联的处理功能，对目标标签进行处理，得到处理结果，还可以包括：响应于用户针对用户界面中目标标签的选中请求，设置目标标签的选中属性。

具体地，当检测到用户发起目标标签的选中请求时，例如当检测到用户点击用户界面中标签列表内的某一标签时，则该标签为当前情况下的目标标签，可以对该目标标签的选中属性进行修改，进而基于该选中属性的修改为该目标标签设置选中属性。例如，将目标标签的是否选中字段的值设置为是，则该目标标签在用户界面将会被赋予选中样式进行显示。

进一步地，在一个实施例中，基于上述步骤S220，在用户界面输出处理结果，并为与目标标签同类别的其他标签设置关联样式，还可以包括：基于目标标签的选中属性，在用户界面为目标标签设置选中样式，并为与目标标签同类别的其他标签设置关联样式。例如，可以在为目标标签赋予高亮的选中样式之后，为与该目标标签同类别的其他标签设置不同颜色或亮度的高亮样式，以进行关联显示。通过在选中目标标签时关联显示与该目标标签同类别的其他标签，能够提高用户选择同类别标签的效率。

另外地，在一个实施例中，基于上述步骤S210，响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与设置请求关联的处理功能，对目标标签进行处理，得到处理结果，还可以包括：响应于用户针对用户界面中目标标签的删除请求，对目标标签进行选中状态检测并向用户输出删除确认；在得到用户的确认删除响应的情况下，调用删除标签接口，对目标标签进行删除处理。

其中，检测到用户在用户界面对某一标签进行删除时，此时将该待删除的标签作为目标标签。标签组件获取父组件的传值，得到删除标签接口。首先在前端执行删除的代码逻辑，例如若该目标标签位于标签列表内已选标签的面板中，则将目标标签的是否选中字段的值改为否，以使该目标标签不再显示于已选标签的面板中，仅在标签列表的全部标签面板显示。若在接收到删除请求时该目标标签仅位于全部标签面板中，则需要执行二次确认删除的代码逻辑。在用户界面生成删除确认的气泡框，在收到用户二次确认删除的反馈后，再调用删除标签接口，设置传参对象对目标标签进行删除处理。该传参对象可以为需要删除的目标标签的唯一标识信息。

进一步地，在一个实施例中，基于上述步骤S220，在用户界面输出处理结果，并为与目标标签同类别的其他标签设置关联样式，还可以包括：向用户界面输出删除提示，并为与目标标签同类别的其他标签设置关联样式。通过在删除目标标签时关联显示同类别的其他标签，能够提高用户删除同类别标签的效率。

另外地，在一个实施例中，处理功能封装于表单的组件中，组件为基于VUE框架的全局挂载组件。具体地，可以首先引入已开发完成的组件文件地址，之后，利用VUE框架提供的用于注册组件的Vue.component方法，输入上述组件文件的名称，将该组件进行注册。例如，以“vue-tag-select”和“TagSelect”作为参数调用上述Vue.component方法实现全局挂载，之后可以直接基于“vue-tag-select”定位并使用该组件。

下面通过优选实施例对本实施例进行描述和说明。

图3是本优选实施例的初始化标签列表方法的流程图。如图3所示，该初始化标签列表方法包括如下步骤：

步骤S301，从父组件获取组件的传值信息；

步骤S302，基于传值信息调用标签列表接口，向后端获取数组格式的标签列表；

步骤S303，通过深度遍历的方式将所有获得的标签按照预设的基本属性进行格式化；

步骤S304，基于VUE框架在用户界面中标签列表内的全部标签面板显示。

图4是本优选实施例的标签新增方法的流程图。如图4所示，该标签新增方法包括如下步骤：

步骤S401，在检测到用户点击添加标签按钮的情况下，将该添加标签按钮替换为输入框；

步骤S402，基于用户在输入框输入的标签名称进行校验；

步骤S403，基于预设规则判断校验是否通过；若是，则执行步骤S404；否则，执行步骤S405；

步骤S404，调用新增标签接口进行标签新增，并将用户界面的输入框替换回添加标签按钮；

步骤S405，向用户提示标签格式有误的相关提示；

步骤S406，判断后端是否完成标签的成功添加；若是，则执行步骤S407；否则，执行步骤S408；

步骤S407，更新标签列表，并为与该新增标签同类别的其他标签设置关联样式；

步骤S408，向用户提示标签添加失败。

图5是本优选实施例的标签删除方法的流程图。如图5所示，该标签删除方法包括如下步骤：

步骤S501，在检测到用户点击标签删除按钮的情况下，判断待删除标签是否位于全部标签面板中；若是，则执行步骤S502；否则，执行步骤S503；

步骤S502，将待删除标签的属性修改为未隐藏，并向用户生成二次确认的气泡框；

步骤S503，将待删除标签的选中字段值改为否；

步骤S504，判断是否接收到用户的二次删除确认；若是，则执行步骤S505；否则，执行结束流程；

步骤S505，调用删除标签接口，执行标签删除；

步骤S506，判断标签是否删除成功；若是，则执行步骤S507；否则，执行步骤S508；

步骤S507，为与该已删除标签同类别的其他标签设置关联样式；

步骤S508，提示标签删除失败。

在本实施例中还提供了一种用于表单的标签设置装置，该装置用于实现上述实施例及优选实施方式，已经进行过说明的不再赘述。以下所使用的术语“模块”、“单元”、“子单元”等可以实现预定功能的软件和/或硬件的组合。尽管在以下实施例中所描述的装置较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。

图6是本实施例的用于表单的标签设置装置60的结构框图，如图6所示，该用于表单的标签设置装置60包括：处理模块62和输出模块64；其中：所述处理模块62，用于响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与设置请求关联的处理功能，对所述目标标签进行处理，得到处理结果；所述输出模块64，用于在用户界面输出所述处理结果，并为与所述目标标签同类别的其他标签设置关联样式。该用于表单的标签设置装置60，能够利用标签类别实现前端页面中标签的区分显示，从而能够基于标签类别提高用户对同类别标签的操作效率。

需要说明的是，上述各个模块可以是功能模块也可以是程序模块，既可以通过软件来实现，也可以通过硬件来实现。对于通过硬件来实现的模块而言，上述各个模块可以位于同一处理器中；或者上述各个模块还可以按照任意组合的形式分别位于不同的处理器中。

此外，结合上述实施例中提供的用于表单的标签设置方法，在本实施例中还可以提供一种存储介质来实现。该存储介质上存储有计算机程序；该计算机程序被处理器执行时实现上述实施例中的任意一种用于表单的标签设置方法。

应该明白的是，这里描述的具体实施例只是用来解释这个应用，而不是用来对它进行限定。根据本申请提供的实施例，本领域普通技术人员在不进行创造性劳动的情况下得到的所有其它实施例，均属本申请保护范围。

需要说明的是，本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)，均为经用户授权或者经过各方充分授权的信息和数据。

显然，附图只是本申请的一些例子或实施例，对本领域的普通技术人员来说，也可以根据这些附图将本申请适用于其他类似情况，但无需付出创造性劳动。另外，可以理解的是，尽管在此开发过程中所做的工作可能是复杂和漫长的，但是，对于本领域的普通技术人员来说，根据本申请披露的技术内容进行的某些设计、制造或生产等更改仅是常规的技术手段，不应被视为本申请公开的内容不足。

“实施例”一词在本申请中指的是结合实施例描述的具体特征、结构或特性可以包括在本申请的至少一个实施例中。该短语出现在说明书中的各个位置并不一定意味着相同的实施例，也不意味着与其它实施例相互排斥而具有独立性或可供选择。本领域的普通技术人员能够清楚或隐含地理解的是，本申请中描述的实施例在没有冲突的情况下，可以与其它实施例结合。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对专利保护范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请的保护范围应以所附权利要求为准。

Claims (10)

1.一种用于表单的标签设置方法，其特征在于，包括：

响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与所述设置请求关联的处理功能，对所述目标标签进行处理，得到处理结果；

在用户界面输出所述处理结果，并为与所述目标标签同类别的其他标签设置关联样式。

2.根据权利要求1所述的用于表单的标签设置方法，其特征在于，所述响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与所述设置请求关联的处理功能，对所述目标标签进行处理，得到处理结果，包括：

响应于用户针对用户界面中目标标签的新增请求，进行所述目标标签的新增校验；

在校验通过的情况下，调用新增标签接口，完成对所述目标标签的添加，并基于所述目标标签的标签值为所述目标标签设置标签类别。

3.根据权利要求2所述的用于表单的标签设置方法，其特征在于，所述在用户界面输出所述处理结果，并为与所述目标标签同类别的其他标签设置关联样式，包括：

在用户界面显示新增的目标标签，并基于所述目标标签所属的标签类别，确定所述用户界面中与所述目标标签同类别的其他标签；

为与所述目标标签同类别的其他标签设置关联样式。

4.根据权利要求1所述的用于表单的标签设置方法，其特征在于，所述响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与所述设置请求关联的处理功能，对所述目标标签进行处理，得到处理结果，包括：

响应于用户针对用户界面中目标标签的选中请求，设置所述目标标签的选中属性。

5.根据权利要求4所述的用于表单的标签设置方法，其特征在于，所述在用户界面输出所述处理结果，并为与所述目标标签同类别的其他标签设置关联样式，包括：

基于所述目标标签的选中属性，在所述用户界面为所述目标标签设置选中样式，并为与所述目标标签同类别的其他标签设置关联样式。

6.根据权利要求1所述的用于表单的标签设置方法，其特征在于，所述响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与所述设置请求关联的处理功能，对所述目标标签进行处理，得到处理结果，包括：

响应于用户针对用户界面中目标标签的删除请求，对所述目标标签进行选中状态检测并向用户输出删除确认；

在得到所述用户的确认删除响应的情况下，调用删除标签接口，对所述目标标签进行删除处理。

7.根据权利要求6所述的用于表单的标签设置方法，其特征在于，所述在用户界面输出所述处理结果，并为与所述目标标签同类别的其他标签设置关联样式，包括：

向所述用户界面输出删除提示，并为与所述目标标签同类别的其他标签设置关联样式。

8.根据权利要求1至7中任一项所述的用于表单的标签设置方法，其特征在于，所述处理功能封装于表单的组件中，所述组件为基于VUE框架的全局挂载组件。

9.一种用于表单的标签设置装置，其特征在于，包括：处理模块和输出模块；其中：

所述处理模块，用于响应于用户针对用户界面中目标标签的设置请求，调用预先封装的与所述设置请求关联的处理功能，对所述目标标签进行处理，得到处理结果；

所述输出模块，用于在用户界面输出所述处理结果，并为与所述目标标签同类别的其他标签设置关联样式。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至8中任一项所述的用于表单的标签设置方法的步骤。