如何使用V-mask显示带有点的千位?

Question

嗨，我有一个输入我想给它添加一个蒙版来显示这种格式1000或者1000000我的意思是用点表示千但是我有这个:

<input type="requirement" 
class="form-control" 
v-mask="'#.###.###'"
id="exampleInputEmail1"
v-model="form.salary" 
placeholder="Ingresa el salario base del empleado" 
>

它不能正常工作，因为当我添加1000时它显示1.000。最后有一个点，我想知道我该怎么修理它?我是说我怎么能修好面具?由于

Answer 1

正如文档(https://www.npmjs.com/package/v-mask)中所述，v-mask支持text-mask-addons——一个npm模块，它允许你做你想做的事情。

<template>
<input type="text" v-mask="currencyMask" v-model="form.salary" />
</template>
<script>
import createNumberMask from "text-mask-addons/dist/createNumberMask";
export default {
data() {
return {
form: {
salary: null,
},
currencyMask: createNumberMask({
prefix: "",
includeThousandsSeparator: true,
allowNegative: false,
thousandsSeparatorSymbol: ".",
}),
};
},
};
</script>

Codesandbox: https://codesandbox.io/s/v-mask-demo-forked-t4k3f