const EditableCell = {
template: `
`,
props: {
text: Number,
precision: {
type: [Number],
default: 2
},
step: {
type: [Number],
default: 1
},
min: {
type: [Number],
default: 0
},
max: {
type: [Number],
default: 99999999
},
size: {
type: String,
default: 'default'
},
punit: {
type: String,
default: ''
}
},
data() {
return {
value: this.text,
editable: false,
};
},
watch:{
text(newVal,oldVal){
this.value = newVal
}
},
methods: {
handleChange(value) {
this.value = value;
this.editable = true
},
check() {
if(this.editable){
this.editable = false;
this.$emit('change', this.value);
}
},
},
};
export default EditableCell