Javascript 如何让VUEJ理解本地化的数字?
让我们设计一个简单的求和应用程序。两个输入,a和b以及一个c结果 我们有这个标记Javascript 如何让VUEJ理解本地化的数字?,javascript,vue.js,localization,Javascript,Vue.js,Localization,让我们设计一个简单的求和应用程序。两个输入,a和b以及一个c结果 我们有这个标记 <div id="app"> <input v-model.number="v1"> <input v-model.number="v2"> {{v3}} </div> 这非常有效,除了我正在处理本地化的数字。也就是说。使用逗号,而不是点。用点代替逗号 输入带小数点的数字会混淆vue,并且无法得出正确的总和 为了使VUEJ理解本地化的数字输入并获得正确的总和,我可以
<div id="app">
<input v-model.number="v1">
<input v-model.number="v2">
{{v3}}
</div>
这非常有效,除了我正在处理本地化的数字。也就是说。使用逗号,而不是点。用点代替逗号
输入带小数点的数字会混淆vue,并且无法得出正确的总和
为了使VUEJ理解本地化的数字输入并获得正确的总和,我可以做些什么
例如,在pt BR语言环境中:1.000,30+100,30=1.100,60首先,数字只是一个数字。从内部来看,这是一个问题。将始终是十进制分隔符 所以像1.100,60这样的数字是1100.60,它只是在不同的语言环境中打印出来的 要打印它,只需使用: var vm=新的Vue{ el:应用程序, 数据:{ a:1110.12, b:10000.11, }, 计算:{ c:功能{ 返回这个.a+这个.b; } } } 浏览器的区域设置:{c.toLocaleString} en-US语言环境:{c.tolocalesting'en-US'} pt BR语言环境:{c.toLocaleString'pt-BR'}
首先,数字只是一个数字。从内部来看,这是一个问题。将始终是十进制分隔符 所以像1.100,60这样的数字是1100.60,它只是在不同的语言环境中打印出来的 要打印它,只需使用: var vm=新的Vue{ el:应用程序, 数据:{ a:1110.12, b:10000.11, }, 计算:{ c:功能{ 返回这个.a+这个.b; } } } 浏览器的区域设置:{c.toLocaleString} en-US语言环境:{c.tolocalesting'en-US'} pt BR语言环境:{c.toLocaleString'pt-BR'}
var vm = new Vue ({
el: "#app",
data: {
a:0,
b:0,
},
computed: {
c:function(){
return this.a + this.b;
}
}
})