input 输入框自动添加 - 实现 000-00-0000格式

const formItemSecurityNumberValidate = (value: any) => {
    const inputValue = (value.target._value).replace(/-/g, '').replace(/\D/g, '');
    // 去除已有的 - ，去除非数字
    let formattedValue = '';
    if (inputValue.length > 0) {
        formattedValue += inputValue.slice(0, 3);
    }
    if (inputValue.length >= 4) {
        formattedValue += '-' + inputValue.slice(3, 5);
    }
    if (inputValue.length > 5) {
        formattedValue += '-' + inputValue.slice(5, 9);
    }
        console.log(formattedValue,'formattedValue');
    state.ownerItemForm.securityNumber =formattedValue

    ruleFormRef.value.validateField('securityNumber');
};

 <el-input
                                @input="formItemSecurityNumberValidate"
                                class="h-14"
                                label="Social Security Number"
                                v-model="state.ownerItemForm.securityNumber"
                                :append-inner-icon="
                                    state.isShowSSN ? 'mdi-eye-outline' : 'mdi-eye-off-outline'
                                "
                                @click:appendInner="showSSN"
                                :type="state.passwordType"
                                clearable
                            ></el-input>