peacock9
0.2.52 • Public • Published masterlink 业务组件库
组件列表
1. 导入导出组件
<WmUpload :number="50" :httpRequest="" :download="" >
...content
</WmUpload>
Attributes
| 参数 |
说明 |
类型 |
可选值 |
默认值 |
| number |
数据量 |
number |
-- |
200 |
| maxSize |
上传文件的最大值 |
number |
-- |
5M |
| uploadMsg |
上传按钮的文字和图标 |
object |
-- |
{icon:el-icon-upload,name:上传文件} |
| downloadMsg |
下载按钮的文字和图标 |
object |
-- |
{icon:el-icon-download,name:下载模板} |
| download |
下载模板的钩子，函数要有返回值{link:'',....} |
function |
-- |
-- |
| httpRequest |
自定义上传的钩子，函数要有返回值 类型为Blob则下载 |
function(file) |
-- |
-- |
2. 上传组件
<WmFileUpload :handleRequest="" @getFileList="" >
</WmFileUpload>
Attributes
| 参数 |
说明 |
类型 |
可选值 |
默认值 |
| handleRequest |
自定义上传的钩子，函数要有返回值 |
function(file) |
-- |
-- |
| maxFileSize |
上传文件大小限制单位为M |
Number |
20 |
-- |
| fileUplodBtnText |
上传文件的按钮名称 |
String |
文件上传 |
-- |
Methods
| 方法名 | 说明 |参数
|---------|--------|-------| --------|--------
| getFileList | 上传后的文件列表 | function(fileList) | -- | --
3. 表格选择组件
<wmSelectTable :columns="columns" :tableData="tableData" :showField="'name'" :choosenData="choosenData" :type="radio" @selectVal="selectVal"></wmSelectTable>
Attributes
| 参数 |
说明 |
类型 |
可选值 |
默认值 |
| columns |
表格头部 |
Array |
格式： [{title: '', dataIndex: '',width: '100px'}] |
|
| tableData |
表格数据 |
Array |
格式： [{id：'', name: ''}] id为必填 |
|
| type |
表格格式 |
String |
格式： ridio 或者 checkbox |
raido为默认 |
| pageSize |
表格的每页数据 |
Number |
格式： ridio 或者 checkbox |
默认为10 |
| width |
组件的宽度 |
String |
格式： '600px' |
默认为'600px' |
| showField |
输入框显示的字段名，如果为空，则全部显示 |
String |
格式： 'width' |
默认为'' |
| choosenData |
外层选中的数据回传 |
Array |
格式： 同tableData |
默认为[] |
| placeholder |
组件的输入框的提示 |
String |
格式： '' |
默认为'' |
Methods
| 方法名 |
说明 |
参数 |
| selectVal |
上传后的文件列表 |
function(fileList) |
4. 附件列表
<wm-attachment :fileList="list" :httpRequest="upload" :onRemove ="getList">
</wm-attachment>
Attributes
| 参数 |
说明 |
类型 |
可选值 |
默认值 |
| mode |
模式 |
string |
horizontal / vertical |
vertical |
| accept |
接受上传的文件类型 |
string |
-- |
-- |
| fileList |
上传的文件列表, 例如: [{fileName: 'food.jpg', link: 'https://xxx.cdn.com/xxx.jpg', size: '', type: '', time: ''}] |
array |
-- |
[] |
| props |
配置选项，具体见下表 |
Object |
-- |
-- |
| maxSize |
上传文件的最大值 |
number |
-- |
5M |
| httpRequest |
自定义上传的钩子，函数要有返回值 类型为Blob则下载 |
function(file) |
-- |
-- |
| onRemove |
文件列表移除文件时的钩子 |
function(file, fileList) |
-- |
-- |
Props
| 参数 |
说明 |
类型 |
可选值 |
默认值 |
| fileName |
指定文件名为选项对象的某个属性值 |
string |
-- |
'fileName' |
| link |
指定文件路径为选项对象的某个属性值 |
string |
-- |
'link' |
| size |
指定文件大小为选项对象的某个属性值 |
string |
-- |
'size' |
| type |
指定文件类型为选项对象的某个属性值 |
string |
-- |
'type' |
| time |
指定创建时间为选项对象的某个属性值 |
string |
-- |
'time' |
Quick Start
npm install element-ui
npm i vue-i18n
Readme
Keywords
nonePackage Sidebar
Install
Weekly Downloads
