@beisen-cmps/text-area
v0.2.18
Published
输入文本域组件
Downloads
5
Readme
Textarea
项目简介
本项目为textarea文本输入框。对本项目有任何疑问或建议,欢迎联系~(邮箱:[email protected])
项目运行
cnpm install 或 npm install
npm run dev (开发环境打包、项目启动,默认端口 port:8080)
npm run test (测试用例)
npm run build (生产环境打包)
Textarea参数
{
hidden: false
,disabled: false
,readOnly: false
,maxlength: 10 //文本域允许字数最大值
,labeltext: "默认title"
,required: true
,textValue: 'DCSDCDSCSDDCSDCDSCSD'
,"showStatus":"" //显示状态 "search" or ""
,"showText":"请填写正确"
,"helpMsg":"dqwdq"
,"sideTip":false //toolTip是否左右显示
,"hiddenTip":false //toolTip是否显示
,"errorStatus": false//是否报错
,"errorMsg":"出错了~~~!" //报错信息
,"lablePos": true //label位置,true时在左边,false在上边
,"lableTxt": false//label中文字对齐方式,true左对齐,false右对齐
,onClick:function(event){console.log(event.target.value)}
,onFocus:function(event){console.log(event.target.value)}
,onChange:function(event){console.log(event.target.value)}
,onBlur:function(event){console.log(event.target.value)}
}
调用方法
1.安装npm组件包
npm install @beisen/text-area --save-dev
2.引用组件
import Textarea from "@beisen/text-area"
3.传入参数
state = {
hidden: false
,disabled: false
,readOnly: false
,maxlength: 10 //文本域允许字数最大值
,labeltext: "默认title"
,required: true
,textValue: 'DCSDCDSCSDDCSDCDSCSD'
,"showStatus":"" //显示状态 "search" or ""
,"showText":"请填写正确"
,"helpMsg":"dqwdq"
,"sideTip":false //toolTip是否左右显示
,"hiddenTip":false //toolTip是否显示
,"errorStatus": false//是否报错
,"errorMsg":"出错了~~~!" //报错信息
,"lablePos": true //label位置,true时在左边,false在上边
,"lableTxt": false//label中文字对齐方式,true左对齐,false右对齐
,onClick:function(event){console.log(event.target.value)}
,onFocus:function(event){console.log(event.target.value)}
,onChange:function(event){console.log(event.target.value)}
,onBlur:function(event){console.log(event.target.value)}
}
render () {
return (
<div>
<Textarea {...this.state} />
</div>
)
}