adminpage-vue3
文章平均质量分 91
adminpage-vue3文档
_默_
前端开发,vue开发,涉及过webgis,webgl,neo4j;
npm包tablepage-vue3 作者
展开
-
adminPage-vue3依赖简要介绍,及公共目录索引
之前开发tablePage依赖,用的较为顺手,后期想将form组件也抽出来,作为一个依赖,本想命名为formPage作为新依赖的,但是其中涉及一些公共函数,以及为了以后更多组件封装的考虑,故将所有组件汇总在一个依赖中进行开发并发布,并因主要支持的是admin后台管理系统,便起名为adminpage-vue3目前组件有TablePageFormPage组件开始版本TablePage1.0.01.0.0FormPage1.0.01.0.0。原创 2024-07-11 17:13:00 · 472 阅读 · 0 评论 -
adminPage-vue3依赖TableColumn说明文档
本组件是基于element-UI,对进行轻度封装,减少开发代码量,统一交互的组件以下为使用本组件和不使用本组件的参考,所输出结果完全一致< TableColumn prop = " name " label = " 名称 " /> < ElTableColumn prop = " name " label = " 名称 " align = " center " show-overflow-tooltip minWidth = " 90 " />原创 2024-08-08 15:33:34 · 282 阅读 · 0 评论 -
adminPage-vue3依赖TablePage说明文档,列表搜索页快速开发,使用思路及范例-汇总
思路介绍本组件是基于element-UI进行快速搭建搜索列表页的依赖,主干思路为:将异步接口声明到组件的属性,并将搜索项通过声明给组件,将搜索、重置、分页的逻辑均交给组件内部去处理,达到最简化的代码实现,对于标准搜索列表页能够进行快速开发。如下所示,便完成了一个标准搜索列表页的开发TablePage-vue3 API汇总属性属性名说明类型默认值版本号tableApi[必填]表格api【可异步】FunctionPromise.reject()1.0.0tit原创 2024-08-08 15:33:07 · 937 阅读 · 0 评论 -
adminPage-vue3依赖TablePage说明文档,列表搜索页快速开发,使用思路及范例(Ⅳ)其他配置项
在一些业务情景下,可能想让table的loading因外部事件而显示,此时可以传入loading,本属性接收Boolean类型,当为true时,列表页将会显示loading,对于loading所需配置,亦可直接声明到组件上。在部分业务场景中,你并不想在加载页面时立即调用接口,可以声明noMountedGetData属性为true,此时组件内部将不会在onMounted获取数据,如果不想配置title,可以声明noTitle 取消显示。设置左上角的title 文案,默认将会从路由配置中读取。原创 2024-08-08 15:32:48 · 778 阅读 · 0 评论 -
adminPage-vue3依赖TablePage说明文档,列表搜索页快速开发,使用思路及范例(Ⅲ)列表项及分页器配置及props配置
对应关系可汇总为。原创 2024-07-23 09:35:20 · 673 阅读 · 0 评论 -
adminPage-vue3依赖TablePage说明文档,列表搜索页快速开发,使用思路及范例(Ⅱ)搜索及数据获取配置项
该属性接收函数,传入接口返回的数据列表,经该函数处理后将渲染至页面,函数可为异步函数,当函数不返回数据时,将使用接口数据进行渲染。当需要重置时处理其他业务时,可声明resetFun属性,该属性接收函数,可异步处理,待处理完成后继续向下执行搜索逻辑。此属性为true时,当搜索项被触发change事件时,将会立即执行搜索逻辑,无需用户手动点击搜索按钮。该属性接收函数,将传入即将用于搜索的数据,数据经过该函数处理后需要返回,否则将仍使用原始数据进行搜索。//等待五秒后向下执行。原创 2024-07-23 09:34:59 · 747 阅读 · 0 评论 -
adminPage-vue3依赖TablePage说明文档,列表搜索页快速开发,使用思路及范例(Ⅰ)配置项文档
本组件是基于element-UI进行快速搭建搜索列表页的依赖,主干思路为:将异步接口声明到组件的tableApi属性,并将搜索项通过formConfig声明给组件,将搜索、重置、分页的逻辑均交给组件内部去处理,达到最简化的代码实现,对于标准搜索列表页能够进行快速开发。如下所示,便完成了一个标准搜索列表页的开发。原创 2024-07-23 09:34:33 · 592 阅读 · 0 评论 -
adminPage-vue3依赖FormPage说明文档,表单页快速开发,使用思路及范例——汇总文档
本组件是基于element-UI进行快速搭建表单页的依赖,为前端静态逻辑处理,方便基础表单的渲染,将栅格属性,基础校验交由组件内部进行实现属性名说明类型默认值开始版本key字段key值,该值将作用于表单modelValue的key值,当type为times时详见当type=times时String1.0.0type详见下文‘input’1.0.0label表单标签文本String1.0.0noLabel搜索表单无标签文本标识,为true时将不显示标签文本Boolean。原创 2024-07-16 13:33:35 · 1048 阅读 · 0 评论 -
adminPage-vue3依赖FormPage说明文档,表单页快速开发,使用思路及范例(Ⅰ)配置项文档
本组件是基于element-UI进行快速搭建表单页的依赖,为前端静态逻辑处理,方便基础表单的渲染,将栅格属性,基础校验交由组件内部进行实现属性名说明类型默认值开始版本key字段key值,该值将作用于表单modelValue的key值,当type为times时详见当type=times时String1.0.0type详见下文‘input’1.0.0label表单标签文本String1.0.0noLabel搜索表单无标签文本标识,为true时将不显示标签文本Boolean。原创 2024-07-11 16:24:50 · 1127 阅读 · 0 评论 -
adminPage-vue3依赖FormPage说明文档,表单页快速开发,使用思路及范例(Ⅱ)formConfig基础配置项
vue组件类型 VueComponent。原创 2024-07-11 16:42:11 · 445 阅读 · 0 评论 -
adminPage-vue3依赖FormPage说明文档,表单页快速开发,使用思路及范例(Ⅲ)校验相关处理
接收布尔值或正整数,当·isMinusNumber ·为true或Number 且该项输入非数值,将抛出异常。接收布尔值或正整数,当·isNumber ·为true或Number 且该项输入非数值,将抛出异常。接收布尔值,当·notNull·为true且该项未输入时,将抛出异常。接收正整数时,将限制用户输入小数长度,将抛出异常。接收正整数时,将限制用户输入小数长度,将抛出异常。为true且该项输入非正整数,将抛出异常。为true且该项输入非数值,将抛出异常。为true且该项输入非数值,将抛出异常。原创 2024-07-16 13:26:47 · 589 阅读 · 0 评论