0.1.47 • Published 7 years ago
@beisen/Textbox v0.1.47
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} />
)
}
0.1.47
7 years ago
0.1.46
7 years ago
0.1.45
7 years ago
0.1.44
7 years ago
0.1.43
7 years ago
0.1.42
7 years ago
0.1.41
7 years ago
0.1.40
7 years ago
0.1.39
7 years ago
0.0.1-60
7 years ago
0.0.1-59
7 years ago
0.0.1-58
7 years ago
0.0.1-57
7 years ago
0.0.1-56
7 years ago
0.1.38
7 years ago
0.1.37
7 years ago
0.0.1-52
7 years ago
0.1.36
8 years ago
0.1.35
8 years ago
0.1.34
8 years ago
0.1.33
8 years ago
0.1.29
8 years ago
0.0.1-51
8 years ago
0.0.1-50
8 years ago
0.1.32
8 years ago
0.1.31
8 years ago
0.1.30
8 years ago