<template>
  <el-form class="dm-wrap" ref="form" :model="form" label-width="120px">
    <el-form-item label="dm-input">
      <p>:byteType="0" 一个汉字算1个字，字母数字1个字</p>
      <dm-input class="w200" type="text" v-model="form.inputValue0" :byteType="0" :maxlength="4"></dm-input>
       <p>:byteType="1" 一个汉字算1个字，字母数字0.5个字</p>
      <dm-input class="w200" type="text" v-model="form.inputValue1" :byteType="1" :maxlength="4"></dm-input>
       <p>:byteType="2" 一个汉字算2个字，字母数字1个字</p>
      <dm-input class="w200" type="text" v-model="form.inputValue2" :byteType="2" :maxlength="4"></dm-input>
    </el-form-item>
    <el-form-item label="dm-delete">
      <dm-delete @confirm="delData" tips="是否删除?">
          <el-button type="text">删除</el-button>
      </dm-delete>
    </el-form-item>
    <dm-form-item prop="proName" label="dm-form-item" tooltip="这是一段测试文字">
      <dm-input class="w200" type="text" v-model="form.formItemValue" :maxlength="20"></dm-input>
    </dm-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      value:'',
      form:{
        inputValue0:'哈哈22',
        inputValue1:'哈哈哈22',
        inputValue2:'哈22',
        formItemValue:''
      },
      rules:{}
    }
  },
  methods:{
    delData() {
      this.$tips({type:'warning',message:'删除成功'});
    }
  }

}
</script>
