@beisen/Textbox

    0.1.47 • Public • Published

    Textbox 使用说明

    项目运行

    1. cnpm install 或 npm install cnpm使用教程

    2. npm run dev (开发环境打包 port:8080)

    3. npm run test (测试用例)

    4. 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} />
        )
      }
    

    Install

    npm i @beisen/Textbox

    DownloadsWeekly Downloads

    3

    Version

    0.1.47

    License

    ISC

    Last publish

    Collaborators

    • beisencorp