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('(999) 999-9999', { placeholder: ""});

Answer 1

为简化起见，请尝试使用this v-mask module of 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="'(###) ###-####'">

如何使用Vue绑定在输入文本框上使用JQuery inputmask？

1 个答案: