Как отформатировать номер телефона в японском формате с Vue2 и V-маской ⇐ Javascript

[Anonymous]

У меня есть текстовое поле в приложении Vue 2, и я использую библиотеку V-Mask для форматирования номеров телефонных телефонов, когда пользователь их использует.
Проблема
Я хочу, чтобы они были отформатированы в соответствии с японским форматом номера телефона, который подобен следующему: (+81) ### #### ####
после кода страны (+81) , первой частью телефона является код области. Этот код может быть от 1 до 3 цифр длиной. Таким образом, когда пользователь типит в номере, программа должна предположить, что код области длится 1 цифра в соответствии с доступной информацией. Когда пользователь исчерпает разрешенное количество цифр в однозначном номере телефона кода области, программа должна принимать дополнительные цифры и изменить пространства таким образом, что она станет номером телефона из 2 цифр длинной области. Точно так же, при добавлении другой цифры пользователем, она должна снова изменить порядок в соответствии с 3-значным номером телефона. ol>
[*] Я пытался дать ему необязательное значение? После первой цифры и не считает это так, как мы этого хотим. Образец здесь: https://codesandbox.io/p/sandbox/v-mask ... ked-7r6rd4 (эту песочницу можно запустить для тестирования и раздвоения для редактирования и отладка).
[*] Я пытался дать V-mask в качестве метода, который изменяет строку маски в соответствии с длиной пользовательского ввода, но в библиотеке V-маски есть известное произведение, которое продолжает излучать значения, когда для нее дается функция (или вычисленное свойство). Проблема зарегистрирована здесь: https://github.com/probil/v-mask/issues/511

ссылки
>

Подробнее здесь: https://stackoverflow.com/questions/794 ... and-v-mask