nuke-base-input v2.3.12

BaseInput

• category: Components
• chinese: 基础输入框
• type: 基本

API

Props

实例方法

• focus()

  让 input 获得焦点

• blur() 让 input 失去焦点

• getValue() 获取输入框的值

• setNativeFormatRule(rules) weex 0.17+ 设置 native 中对实时输入内容格式化的规则，这个方法常用于前端无法解决的 native 双向绑定的场景。

  以下 demo 给出在客户端上信用卡卡号输入时，每输入 4 个数字自动加入一个空格的场景：

  const rules={
    formatRule: '/(\\d{4})(?!$)/g',
    formatReplace: '$1 ',
    recoverRule: '/(\\s*)/g',
    recoverReplace: '',
  }
  componentDidMount() {
    if (isWeb) {
      //...
    } else {
      setTimeout(() => {
        this.refs['text-field'] && this.refs['text-field'].setNativeFormatRule(rules);
      }, 500);
    }
  }