common-custom 自定义输入框（齐思博）

基础用法

自定义输入框内容，通过customElName自定义标签，目前仅测试完成时间日期选择器。

当labelName不传或为空时，内容左对齐，否则右对齐

<template>
  <div>
    <h-common-custom
      v-model="dateCustom"
      customElName="el-date-picker"
      labelName="时间段"
      type="daterange"
      format="yyyy/MM/dd"
      value-format="yyyy/MM/dd"
      width="300px"
    ></h-common-custom>
    <h-common-custom
      v-model="dateCustom02"
      customElName="el-date-picker"
      labelName="日期"
      type="date"
      format="yyyy/MM/dd"
      value-format="yyyy/MM/dd"
      width="300px"
    ></h-common-custom>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dateCustom: ['', ''],
      dateCustom02: ''
    }
  }
}
</script>

显示代码

Attributes（可自定义扩展配置）

参数	说明	类型	可选值	默认值
value / v-model	输入框绑定值	—	—	—
disabled	是否禁用	boolean	—	false
labelName	选择框关联的label文字	string	—	—
width	输入框宽度	string	—	100%
customElName	自定义标签	string	—	—

Events

方法名	说明	参数
input	当绑定值变化时触发	当前值
change	当绑定值变化时触发	当前值