使用 Jquery mask 和 vue 单击另一个 div 后输入值发生变化

Question

我正在尝试使用 jquery mask 和 vue 插件，我的代码：

HTML:

<div class="mb-2">
    <label class="form-label">Salary</label>
        <input v-model="newEmployeeSalary" class="form-control moneyMask" id="employeeSalary" required>
</div>

JS:

$(document).ready(function($){
    $('.money').mask('000.000.000.000.000,00', {reverse: true});
});

问题是单击另一个 div 后输入的值发生变化。示例：

这里我添加了一个货币值，面具效果很好：

然后，在这里我只是点击了表单的下一个输入，工资输入掩码中断了：

我的vue代码：

data() {
    return {
      newContractTotalValue: '',
    }
},

我注意到如果删除 v-model 错误就会消失，但我需要使用它。有人可以帮我吗？，我真的不知道该怎么做

Answer 1

这样试试：

$('#employeeSalary').mask('000.000.000.000.000,00', { reverse: true });

使用 Jquery mask 和 vue 单击另一个 div 后输入值发生变化

Input value changes after clicking in another div with Jquery mask and vue

javascript

jquery

mask

vue.js