123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108 |
- // input/input.js
- import rules from '../behaviors/rules';
- Component({
- /**
- * 组件的属性列表
- */
- behaviors: ['wx://form-field',rules],
- externalClasses: ['l-class','l-error-text'],
- properties: {
- // 占位文本
- placeholder: {
- type: String,
- value: ''
- },
- // 输入框的值
- value: {
- type: String,
- value: ''
- },
- is_show:{
- type:Boolean,
- value:false
- },
- // 获取焦点
- focus: {
- type: Boolean,
- value: false
- },
- // 最大输入长度
- maxlength: {
- type: Number,
- value: 140
- },
- // 表显示文字长度的计数器
- indicator: {
- type: Boolean,
- value: true
- },
- // label标题的显示位置 left top right
- autoHeight: {
- type: Boolean,
- value: false
- },
- // 是否禁用
- disabled: {
- type: Boolean,
- value: false
- },
- // 是否显示边框
- border: {
- type: Boolean,
- value: true
- },
- // 校验
- rules: {
- type: Object,
- },
- // 占位文字的样式
- placeholderStyle: {
- type: String,
- value: ''
- }
- },
- /**
- * 组件的初始数据
- */
- data: {
- },
- attached() {
- this.initRules();
- },
- /**
- * 组件的方法列表
- */
- methods: {
- handleInputChange(event) {
- const { detail = {} } = event;
- const { value = '' } = detail;
- this.setData({ value });
- this.triggerEvent('linchange', event);
- },
- handleInputFocus(event) {
- this.triggerEvent('linfocus', event);
- },
- handleInputBlur(event) {
- this.validatorData({value:event.detail.value});
- this.triggerEvent('linblur', event);
- },
- handleInputConfirm(event) {
- const { detail = {} } = event;
- const { value = '' } = detail;
- this.triggerEvent('linconfirm', event);
- },
- // onClearTap(e) {
- // this.setData({ value: '' })
- // },
- }
- })
|