Html 使用vue js减少小数位数并添加逗号
我有一个从json获取的vue js数据值。我在v-for道具中使用json将Li作为侧导航。json中的一个对象是一个很长的数字。在for循环中使用vuejs解析它的最佳方式是什么 我尝试了vue numeric,但无法使其正常工作,因为我在此项目中未使用ecmascript 6,我只想将其添加到主vue脚本中Html 使用vue js减少小数位数并添加逗号,html,vue.js,vuejs2,Html,Vue.js,Vuejs2,我有一个从json获取的vue js数据值。我在v-for道具中使用json将Li作为侧导航。json中的一个对象是一个很长的数字。在for循环中使用vuejs解析它的最佳方式是什么 我尝试了vue numeric,但无法使其正常工作,因为我在此项目中未使用ecmascript 6,我只想将其添加到主vue脚本中 data: { poolAPIData: {}, }, <li v-for="(poolList, poolType) in po
data: {
poolAPIData: {},
},
<li v-for="(poolList, poolType) in poolConfig">
<a href="#"><i class="fa fa-linux fa-fw"></i> {{poolType}}<span class="fa arrow"></span></a>
<ul class="nav nav-third-level" v-for="pool in poolList">
<li style="font-size:90%;">
<a v-if="poolAPIData[pool.tag]" v-bind:href="pool.url"><i class="fa fa-book fa-fw"></i>{{pool.tag}} <br>HR|
{{poolAPIData[pool.tag].hashrate}} <br>NHR|
{{poolAPIData[pool.tag].network_hashrate}}<br>NWD|
{{poolAPIData[pool.tag].difficulty}}
</a>
</li>
</ul>
</li>
this.poolAPIData = $.ajax({
dataType: "json",
url: 'https://coinstop.me/api/',
success: (data => this.poolAPIData = data)
})
;
数据:{
poolAPIData:{},
},
-
this.poolAPIData=$.ajax({
数据类型:“json”,
网址:'https://coinstop.me/api/',
成功:(data=>this.poolAPIData=data)
})
;
我需要分析难度参数,使其每3位有2位小数位和逗号。您可以使用运行给定值的,并将maximumFractionDigits
选项设置为2
:
new Vue({
// ...
filters: {
currency(amount) {
const amt = Number(amount)
return amt && amt.toLocaleString(undefined, {maximumFractionDigits:2}) || '0'
}
}
})
// usage in HTML: {{poolAPIData[pool.tag].difficulty | currency}}
newvue({
el:“#应用程序”,
数据:{
Poolapi数据:{
努尔:{
难度:空
},
str:{
难度:“1234567.890123456789”
},
数字:{
难度:1234567.890123
}
}
},
过滤器:{
货币(金额){
常数金额=数量(金额)
返回金额和金额toLocaleString(未定义,{maximumFractionDigits:2})| |“0”
}
}
})
{{poolAPIData['nul'].难度|货币}
{{poolAPIData['str'].难度|货币}
{{poolAPIData['num'].难度|货币}
它没有。它们的输出不同numbers@ThatPurpleGuy好的,我明白了。远离的