Как использовать JQuery inputmask в поле ввода с привязкой vue?

Question

Я пытаюсь использовать маску ввода JQuery для текстового поля ввода, которое имеет привязку vue js, но вводимый текст очищается, когда я меняю раскрывающийся список на этой странице, есть ли лучший способ использовать маску ввода с vue js? Также я не хочу, чтобы символы маски отображались в значении моей модели привязки.

В html-коде:

 <input asp-for="PrimaryPhone" v-model="Model.primaryPhone" class="form- 
   control js-form-element viewcomponent-modal-field-box tel" aria-describedby="PrimaryPhoneInput"> 

В JavaScript:

$('input:text.tel').inputmask('(999) 999-9999', { placeholder: ""});  

Answer 1

Чтобы упростить его, попробуйте использовать этот модуль v-mask из Vue

Просто импортируйте его как документ, а затем просто укажите свою маску на вводе, например

<input asp-for="PrimaryPhone" v-model="Model.primaryPhone" class="form-control js-form-element viewcomponent-modal-field-box tel" aria-describedby="PrimaryPhoneInput" v-mask="'(###) ###-####'">