示例:
{{html.chartJS}}
{{html.rich}}
{{html.richJS}}
{{html.upload}}
{{html.crop}}
{{html.cropJS}}
{{html.tooltip}}
{{html.modal}}
{{html.modalJS}}
width:number,模态框宽度,默认500px
height:number,模态框高度,默认300px
modalStatus:模态框显示状态,根据这个状态值,判断是否显示模态框组件
bgClose:boolean,当点击遮罩层是否自动关闭
close:当bgClose为true时,需要添加这个函数,以便及时改变当前modalStatus的值(否则可能会出现第二次点击打不开的问题)
tagList:数组,如:['a', 'b', 'c'] placeholder:占位符,如:添加标签
{{html.tabJS}}
{{html.selectInput}}
{{html.radio}}
radioData:对象数组 radioLabel:对象字段名,用于展示给用户 selectedValue:初始化默认选中值,若要生效,必须设置用于判断的字段名selectedName selectedName:string,初始化默认选中值的字段名 selectedIndex:number,初始化默认选中值的下标,可为空 radioSize:number,单选框的直径大小,单位px radioBg:背景色,不设置默认为#fff radioColor:中间选中点和边框的颜色,不设置则默认为#333 changeRadio:改变选项时通过这个函数获取当前选中的值,返回值为一个对象,item为选中的对象,index为选中的对象在radioData的序号
{{html.checkbox}}
checkStatus:boolean | number | string, 初始化默认选中状态 checkLabel:描述文本 checkboxColor:'white' | 'black',复选框选中时√的颜色,可选黑色或白色,当有自定义checkIcon这个字段不生效 checkIcon:自定义选中图标,参数值为图标url链接 checkboxBorderColor:复选框边框颜色,默认#fff checkboxBg:复选框边框颜色,默认#fff checkboxSize:number,复选框大小,默认20px checkDisabled:是否可选,当这个值为true为不可选,默认为true changeCheckStatus:当点击复选框的值时触发函数,返回值为当前复选框的状态值(这个必须添加,手动去改一把状态值,否则只是改变样式,值还是不变)
{{html.animation}}
{{html.validate}}
{{html.rules}}
validate:在标签上添加该指令 rule:对象数组,每个对象为一条规则;对象有两种类型,一种是根据字段required用于判断是否必填,错误提示语句写在message中;另一种是根据字段validator(函数)自定义规则,函数需要return一个字符串作为错误提示 validateValue:待验证的值 validateType:验证类型,input或submit,默认为input submit:若验证类型为submit,则可在这个函数中获取到验证结果,返回值为验证结果状态值 validateRules:若验证类型为submit,则需要传入这个验证规则对象,这个对象中的每个属性是对单个字段的校验数组
{{html.search}}
keyword:默认输入的关键词,初始化时不会触发search search:当输入框内容改变时触发,包括点击右侧清空按钮时也会触发,返回值为当前的输入框的值(清空时值为空字符串) palceholder:占位符
{{html.multiSelect}}
{{html.multiSelectJS}}