改變小數(shù)位數(shù)

js普通版

//將傳入數(shù)據(jù)轉(zhuǎn)換為字符串,并清除字符串中非數(shù)字與.的字符  
     //按數(shù)字格式補(bǔ)全字符串  
     var getFloatStr = function(num){  
         num += '';  
         num = num.replace(/[^0-9|\.]/g, ''); //清除字符串中的非數(shù)字非.字符  
           
         if(/^0+/) //清除字符串開(kāi)頭的0  
             num = num.replace(/^0+/, '');  
         if(!/\./.test(num)) //為整數(shù)字符串在末尾添加.00  
             num += '.00';  
         if(/^\./.test(num)) //字符以.開(kāi)頭時(shí),在開(kāi)頭添加0  
             num = '0' + num;  
         num += '00';        //在字符串末尾補(bǔ)零  
         num = num.match(/\d+\.\d{2}/)[0];  
     };   

js tofixed方法

 tofixed方法
    //方法可以把NUMBER四舍五入為指定小數(shù)位數(shù)的數(shù)字
     toFixed() 
     //語(yǔ)法
     //num是規(guī)定小數(shù)位數(shù)
     NumberObject.toFixed(num)   
     //具體用法
     var num=new Number(13.37)
     num=num.toFixed(1)

官方地址

http://www.w3school.com.cn/jsref/jsref_tofixed.asp

vue加載更多

<template>
    <div class="box">
    <div class="list">
        <ul>
            <li v-for="(item,index) in lists" :key="item.id">{{item.comment}}</li>
        </ul>
        <button @click="getlist()">加載更多</button>
    </div>
    </div>
</template>

<script>
    export default {
        name:"box",
        data(){
            return{
                lists:[],
                page:1,
                row:10
            }
        },
        methods:{
            getlist(){
            //page頁(yè)數(shù)  rows條數(shù)
                this.$http.get("xxx?page="+this.page+"&rows=10").then((res)=>{
                   this.lists=this.lists.concat(res.data.data.list)
                })
            }
        },
        created(){
            this.getlist();
        }
        
    }
    
</script>

<style scoped>
    *{
        margin: 0;
        padding: 0;
    }
    li{
        list-style: none;
        margin-top: 10px;
    }
    .list{
        margin: 20px;
    }
    button{
        margin-top: 20px; 
        background: red; 
        border: none; 
        padding:5px 15px; 
        color: #fff;
    }
</style>