39 lines
830 B
Vue
39 lines
830 B
Vue
<template>
|
|
<div
|
|
class="form-item-box"
|
|
:style="{ width: width}"
|
|
>
|
|
<el-input
|
|
:placeholder="placeholder"
|
|
v-bind="$attrs"
|
|
v-model="modelValue"
|
|
@input="onInput"
|
|
></el-input>
|
|
<!-- <el-icon class="errorIcon"><circle-close-filled /></el-icon>
|
|
<el-icon class="checkIcon"><circle-check-filled /></el-icon> -->
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import { COMPONENT_WIDTH } from '@/constant';
|
|
import { defineProps, defineEmits } from "vue";
|
|
const props = defineProps({
|
|
placeholder: {
|
|
default: "请输入身份证号",
|
|
type: String
|
|
},
|
|
modelValue: {
|
|
default: "",
|
|
type: String
|
|
},
|
|
width: {
|
|
default: COMPONENT_WIDTH,
|
|
type: String
|
|
}
|
|
});
|
|
|
|
const emits = defineEmits(["update:modelValue"]);
|
|
const onInput = (e) => {
|
|
emits("update:modelValue", e);
|
|
};
|
|
</script>
|