单行文本输入框

该组件可以作为单行文本输入框。

该文本框限制最大字符长度限制为200,超出200个字符后会提示错误信息。

属性备注
typeIrootTextInput
name属性名,可以自定义,不要超过4个字,否则会折行。
callbackstring/object可以直接配置回调函数名或一个对象。
当配置callback为回调函数名时,回调函数会接收一个返回值。格式:{ngvtext:"标题名称"}
当配置为对象时,具体用法请看尺寸组件下面的callback配置为object
customInputobject可以配置如参值
verificationobject对入参值添加限制条件和错误提示
  • customInput下可以配置的属性:
属性类型备注
ngvtextstring输入文本,这里的字符长度限制为200,超出200个字符后会提示错误信息
  • verification下可以配置的属性:
属性类型备注
ngvtextObject该节点下可以配置开发者对ngvtext字符长度的限制
  • maxLength

    最大长度限制,开发者可以规定文本最大字符限制,但这个值不能大于该组件自身的200长度的限制,否则会按200来处理。

  • errMessage

    当输入文本超出长度后的提示信息

例如:

{
"develop":{
"html":"index.html",
"css":["./styles/index.css"],
"entry":"./scripts/main.js",
"scripts":{
}
},
"plugins":[],
"services":[],
"libs":[],
"customAttributes":{
"pro":[
{
"type":"IrootTextInput",
"name":"标题名称",
"customInput":{
"ngvtext":"动画演示"
},
"verification":{
"ngvtext":{
"maxLength":20,
"errMessage":"标题不能超过20个字符"
}
},
"callback":{
"ngvtext":"titleChange"
}
},
],
"con":[
]
}
}

上面示例中,配置了文本框的入参值为:“动画演示”

添加了verification配置项,maxLength用来控制文本的输入最大长度,errMessage是当超出最大长度时的错误提示内容。

最后添加callback回调函数titleChange。

main.js:

(function(){
return{
$data:{
properties:null
},
$hooks:{
onInit(properties){
this.properties=properties;
},
onDestroy(){
},
setData(){
},
outSizeCallBack(){
}
},
$methods:{
titleChange(data){
if(data){
console.log('ngvcheckListChange:///////')
console.log(data)
}
//{ "label": "Yaxis", "text": "Y轴刻度", "checked": false }
}
}
}
})