@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} />
    )
  }

Package Sidebar

Install

npm i @beisen/Textbox

Weekly Downloads

3

Version

0.1.47

License

ISC

Last publish

Collaborators

  • beisencorp