<template>
  <div class="tableInner">
    <!-- <el-input v-model="list[itemProp]" @blur="changeInput" /> -->
    <el-input-number v-model="list[itemProp]" @change="changeInput" :min="0" :max="999999999" style='width: 100%;' :controls='false' :precision='2'></el-input-number>
  </div>
</template>
<script>
export default {
  name: 'InputArea',
  props: {
    injectData: {
      type: Object,
      default: () => ({})
    },
    itemProp: {
      type: String
    }
  },
  data() {
    return {
      list: this.injectData
    }
  },
  methods: {
    changeInput() {
      console.log(this.list)
      this.$emit('emitData', this.list)
    }
  }
}
</script>
<style scoped>
.tableInner .el-input__inner {
  border: none;
  padding: 0;
  height: 33px;
}
</style>