Skip to content
组件名说明使用说明
DictTag字典组件
Editor富文本组件<Editor v-model="xxx" />
Editor2富文本组件<Editor2 v-model="xxx" />
FileUpload文件上传组件<file-upload v-model="xxx" :limit="1" :is-show-tip="false"> 参数解释:limit:上传文件的数量限制;is-show-tip:是否显示下方的小提示
ImagePreview图片预览组件<image-preview :src="xxx" :width="100" :height="100">参数解释:src:图片链接地址,多图片也是一个字符串,使用','分隔;width:宽度;height:高度
ImageUpload图片上传组件<image-upload v-model="xxx" :limit="1" :file-size="5" :file-type="['png','jpg','jpeg']" :is-show-tip="false">参数解释:limit:上传图片的数量限制;file-size:上传图片的大小限制(单位:MB);file-type:上传图片的类型限制;is-show-tip:是否显示下方的小提示
DeleteOne数据删除组件,删除之前会进行一个二次确认<delete-one button-type="text" :delete-function="xxx" :fetch-data="xxx"> 参数解释:button-type:删除按钮的样式类型,同 el-button 组件的 type,常用的为:danger(红色按钮样式),text(文本样式,颜色为红色);delete-function:删除操作的逻辑,一般为调用后台接口的方法;fetch-data:删除后刷新列表的方法
SearchButton搜索按钮组件,用于列表的搜索的按钮和重置的按钮<search-button :query-function="xx" :reset-function="xx" :inline="false"> 参数解释:query-function:搜索函数,reset-function:重置操作函数;inline::true-显示在上一行的行尾,false-显示在新一行
TableTime列表时间组件<table-time pattern="{y}-{m}-{d}"> 其他属性继承自 el-table-column,pattern:时间的格式

本内容仅限内部使用,技术细节以实际代码为准