<template>
  <el-input
    :id="id"
    ref="form-item"
    v-model="model"
    type="textarea"
    v-bind="$attrs"
    v-on="$listeners"
    v-bind:disabled="disabled"
    :rows="maxRows"
    resize="none"
  />
</template>
<script>
export default {
  props: {
    id: {
      type: String,
      default: undefined
    },
    value: {
      type: [String, Number],
      default: undefined
    },
    disabled: {
      type: Boolean,
      default: false
    },
    maxRows: {
      type: Number,
      default: 3
    }
  },
  computed: {
    model: {
      get () {
        return this.value
      },
      set (newVal) {
        this.$emit('input', newVal)
      }
    }
  },
  methods: {}
}
</script>