You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.0 KiB
63 lines
1.0 KiB
9 months ago
|
<template>
|
||
|
<u-input input-align='right' :border="false" v-model="innerValue" :type="showPassword?'password':'text'"
|
||
|
:placeholder="placeholder" :maxlength="maxlength" :disabled="disabled" :clearable='clearable' @blur="onBlur"
|
||
|
@input="onInput" />
|
||
|
</template>
|
||
|
<script>
|
||
|
export default {
|
||
|
name: 'jnpf-input',
|
||
|
model: {
|
||
|
prop: 'value',
|
||
|
event: 'input'
|
||
|
},
|
||
|
props: {
|
||
|
value: {
|
||
|
type: String,
|
||
|
default: ''
|
||
|
},
|
||
|
placeholder: {
|
||
|
type: String,
|
||
|
default: ''
|
||
|
},
|
||
|
maxlength: {
|
||
|
type: Number,
|
||
|
default: 140
|
||
|
},
|
||
|
showPassword: {
|
||
|
type: Boolean,
|
||
|
default: false
|
||
|
},
|
||
|
disabled: {
|
||
|
type: Boolean,
|
||
|
default: false
|
||
|
},
|
||
|
clearable: {
|
||
|
type: Boolean,
|
||
|
default: false
|
||
|
},
|
||
|
},
|
||
|
data() {
|
||
|
return {
|
||
|
innerValue: '',
|
||
|
timer: null
|
||
|
}
|
||
|
},
|
||
|
watch: {
|
||
|
value: {
|
||
|
handler(val) {
|
||
|
this.innerValue = val
|
||
|
},
|
||
|
immediate: true,
|
||
|
}
|
||
|
},
|
||
|
methods: {
|
||
|
onBlur() {
|
||
|
this.$emit('blur', this.innerValue)
|
||
|
},
|
||
|
onInput(val) {
|
||
|
this.$emit('input', val)
|
||
|
this.$emit('change', val)
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
</script>
|