網頁中金額小數點后面和前面字體大小不一致的實現

思路：金額的小數點左右絕對要分開的.（再用css去控制）

 

 

 

//模擬data數據
      data(
       return {
          price:'88888.00'
          }
       )
    //ps:v-html綁定數據
    //1.分割價錢 => ["88888", "00"]
    let splitPrice = this.price.split(".");
    //2.重新賦值
    this.price = `${splitPrice[0]}.<span style="font-size:12px;">${splitPrice[1]}</span>`;

 

 

轉 ： https://segmentfault.com/q/1010000022256091?utm_source=tag-newest