组件库的使用
1. 下拉选择组件代码形式:<rw-select :v-model:selectData="model" :optionName="status" :type="select" :optionType="0" :multiple="false"></rw-select>
参数介绍:
type:(默认:checkbox)表示选择项,select:下拉框
multiple:(Boolean)是否多选
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)回调函数
页:
[1]