import inputstyle from '@/components/input.vue'
export default {
    components: {inputstyle},
}

<inputstyle :input_data="input_data[0]"></inputstyle>

export default {
   ...
	input_data: [
              {
                type: 'text',
                name: 'email',
                placeholder: '請(qǐng)輸入郵箱',
                state: 0,
                reg: '^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$',
                error_type: '',
                message: ['郵箱不能為空哦', '郵箱格式有誤']
              },
              {
                type: 'password',
                name: 'pwd',
                placeholder: '請(qǐng)輸入密碼',
                state: 0,
                reg: '[a-z0-9]{8,16}',
                error_type: '',
                message: ['密碼不能為空哦!','請(qǐng)輸入大于8位數(shù)小于16位數(shù)的字母或數(shù)字!']
              }
     ],
}

<template>
    <input :type="input_data.type" :placeholder="input_data.placeholder" @blur="style($event)">
</template>

        changeData(e){
            // 密碼類型用md5加密
            if(this.input_data.type = 'password') {
                this.$emit('update:changeData', md5(e.target.value.trim()))
            }else {
                this.$emit('update:changeData', e.target.value.trim())
            }
        }

            message: {
              // 錯(cuò)誤信息提示
              error_message: '',
              // 錯(cuò)誤提示條的透明度
              opacity: 0,
              // 控制提交按鈕
              go: false
            },

       watch: {
          'message.error_message': {
            handler(){
              this.alertmessage()
            }
          }
        }

export default {
	props:['input_data']
	methods: {
        // 根據(jù) is_format判斷數(shù)據(jù)格式是否正確,并將檢驗(yàn)的信息傳給父組件
        style(e) {
            let reg = null
            reg = eval(`/${this.input_data.reg}/`)
            let state = reg.test(e.target.value)
            if(!state) {
                this.$emit('update:statechange', false)
                if(e.target.value) {               
                    this.$emit('update:error_typechange', 1)
                    // 下文有講
                    this.$emit('update:error_message', this.input_data.message[1])
                }else {
                    this.$emit('update:error_typechange', 0)
                    this.$emit('update:error_message', this.input_data.message[0])
                }
            }else {
            this.$emit('update:statechange', true)
            }
        },
	}
}

for(let i = 0; i < this.is_format.length; i ++) {
	if(!this.is_format[i].style) {
        								                    this.errormessage=this.is_format[i].message[this.is_format[i].error_type]
       this.alertmessage()
       this.go = false
       break;
    }
       this.go = true
 }