jquery - 如何在带有 vue 绑定的输入文本框中使用 JQuery inputmask？

Question

我正在尝试在具有 vue js 绑定的输入文本框中使用 JQuery inputmask，但是当我更改该页面中的下拉菜单时，输入文本会被清除，是否有任何最佳实践将 inputmask 与 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('[phone]', { placeholder: ""});  

标签： jqueryvue.jsjquery-inputmask

Answer 1

为了更简单，尝试使用Vue 的这个 v-mask 模块

只需按照文档说明导入它，然后像这样在输入中指定您的掩码

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