Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.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
Html 使用vue js减少小数位数并添加逗号_Html_Vue.js_Vuejs2 - Fatal编程技术网

Html 使用vue js减少小数位数并添加逗号

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

我有一个从json获取的vue js数据值。我在v-for道具中使用json将Li作为侧导航。json中的一个对象是一个很长的数字。在for循环中使用vuejs解析它的最佳方式是什么

我尝试了vue numeric,但无法使其正常工作,因为我在此项目中未使用ecmascript 6,我只想将其添加到主vue脚本中

 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好的,我明白了。远离的