召隆企博汇论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 628|回复: 0

组件库的使用

[复制链接]

20

主题

0

回帖

294

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
294
发表于 2021-11-27 15:21:07 | 显示全部楼层 |阅读模式
1. 下拉选择组件
代码形式:<rw-select :v-model:selectData="model" ptionName="status" :type="select" ptionType="0" :multiple="false"></rw-select>
参数介绍:
type默认:checkbox)表示选择项,select:下拉框
multipleBoolean)是否多选
selectData: (string | Array | Number)默认值
rwLabel:(string)展示的文字字段
rwValue:(string)值显示字段
callback:(Function)回调函数
optionName:(string)options的名字
optionType:(Number)0:系统键值,1:options
disabled:(Boolean)不可选
showType:(Boolean)是否显示文本
textStyle:(string)文字方向(left,right,top,bottom)
imgw:(Number)图片宽度
imgH:(Number)图片高度

2. 上传组件
代码形式:
<rwUpload fileType="image" :limit="1" :name="FieldName" :userType="0" v-model:value="editInfo" :confirmCallback="imgCallBack">
参数介绍:
userType:(string)上传所属 0 个人 1 企业
name:(string | Nunber)上传的组件标识
value:(string | Number)值
limit:(Number)上传的数量
confirmCallback:(Function)确定的回调函数
cancelCallback:(Function)取消的回调函数
disabled:(Boolean)是否禁用

3.地图组件
代码形式:
<rwMap v-model:GpsLocation="editInfo"></rwMap>
参数介绍:
GpsLocation:(string)经纬度

4. 对话框组件
代码形式:
一:
<rw-dialog :dialogEditShow="dialogVisible" :showClose="false" :callback="getEditInfo" dialogType="ordinary"></rwdialog>
二:
<rw-dialog :dialogEditShow="dialogVisible" :showClose="false" :callback="getEditInfo" dialogType="ordinary">
  <template #title></template>
  <template #footer></template>
</rwdialog>
参数介绍:
dialogEditShow:(Boolean)是否展示
dialogWidth:(Nunber)对话框宽度
showClose:(Boolean)是否展示右上方关闭图标
callback:(Function)回调函数


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|召隆企博汇 ( 粤ICP备14061395号 )

GMT+8, 2024-11-24 02:03 , Processed in 0.028658 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表