Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何让VUEJ理解本地化的数字?_Javascript_Vue.js_Localization - Fatal编程技术网

Javascript 如何让VUEJ理解本地化的数字?

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理解本地化的数字输入并获得正确的总和,我可以

让我们设计一个简单的求和应用程序。两个输入,a和b以及一个c结果

我们有这个标记

<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; 
        }
    }
})