45 lines
747 B
Vue
45 lines
747 B
Vue
|
<template>
|
||
|
|
<el-input
|
||
|
|
@keyup.enter.native="onUpdate"
|
||
|
|
v-model="value"
|
||
|
|
@blur="onUpdate"
|
||
|
|
v-bind="$attrs"
|
||
|
|
>
|
||
|
|
<template slot="suffix">
|
||
|
|
<slot name="suffix"></slot>
|
||
|
|
</template>
|
||
|
|
</el-input>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
export default {
|
||
|
|
props: ['val', 'onChange'],
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
value: '',
|
||
|
|
oldValue: ''
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
onUpdate(e) {
|
||
|
|
const { value } = e.target;
|
||
|
|
if (value !== this.oldValue) {
|
||
|
|
this.oldValue = value;
|
||
|
|
this.$emit('change', value);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
val: {
|
||
|
|
immediate: true,
|
||
|
|
handler(value) {
|
||
|
|
this.value = value;
|
||
|
|
if (!this.oldValue) {
|
||
|
|
this.oldValue = value;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|