You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

v-mask货币掩码问题:无前缀时输入6位后值被删除

解决v-mask + text-mask-addons无前缀时无法无限输入数值的问题

问题根源在于createNumberMask的默认整数位数限制逻辑:当未显式指定integerLimit且前缀为空(或空白字符)时,插件会自动设置一个默认整数位数上限,导致输入到一定长度后后续内容被截断;而添加有效前缀后,这个默认限制会失效,所以能无限输入。

只需在配置中添加integerLimit: null即可解除整数位数限制,实现无前缀时的无限输入需求:

import createNumberMask from 'text-mask-addons/dist/createNumberMask';
const currencyMask = createNumberMask({
    prefix: '', // 直接设为空,无需用空格占位
    allowDecimal: true,
    includeThousandsSeparator: true,
    allowNegative: false,
    thousandsSeparatorSymbol: '.',
    decimalSymbol: ',',
    integerLimit: null // 关键配置:解除整数位数限制
});

export default {
    data(){
        return {
            currencyMask: currencyMask
        }
    }
}

内容的提问来源于stack exchange,提问作者oguzcan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.05 14:44:54