Textbox 使用说明
项目运行
-
cnpm install 或 npm install cnpm使用教程
-
npm run dev (开发环境打包 port:8080)
-
npm run test (测试用例)
-
npm run build (生产环境打包)
Textbox 参数
data:{
"showTag":"测试" //输入框前的文字
,"defaultValue":"" //默认值
,"placeHolder":"请输入" //input上的placeHolder
,"errorStatus":false //错误状态,true 有错, false 无措
,"showText":"请填写正确" // 点击时的提示文字
,"errorMsg":"出错了~~~!" // 错误时的问题提示
,"symbol":"%" //符号,为空时没有符号
,"hidden":false //隐藏组件
,"disabled":false //禁用组件
,"readonly":false //input框只读
,"required":true
,onClick:function(event, status, value){console.log(value)}
,onFocus:function(event, status, value){console.log(value)}
,onChange:function(event, status, value){console.log(value)}
,onBlur:function(event, status, value){console.log(value)}
}
Textbox 调用方法
1.安装npm组件包
npm install @beisen/Textbox --save-dev
2.引用组件
import Textbox from "@beisen/Textbox"
3.传入参数
data:{
"showTag":"测试" //输入框前的文字
,"defaultValue":"" //默认值
,"placeHolder":"请输入" //input上的placeHolder
,"errorStatus":false //错误状态,true 有错, false 无措
,"showText":"请填写正确" // 点击时的提示文字
,"errorMsg":"出错了~~~!" // 错误时的问题提示
,"symbol":"%" //符号,为空时没有符号
,"hidden":false //隐藏组件
,"disabled":false //禁用组件
,"readonly":false //input框只读
,"required":true
,onClick:function(event, status, value){console.log(value)}
,onFocus:function(event, status, value){console.log(value)}
,onChange:function(event, status, value){console.log(value)}
,onBlur:function(event, status, value){console.log(value)}
}
render () {
return (
<Textbox {...this.state.data} />
)
}