添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
魁梧的书签  ·  Excel VBA ...·  2 月前    · 
阳光的骆驼  ·  basler+python+pyqt5界面实 ...·  1 年前    · 
高兴的烈酒  ·  button a ...·  1 年前    · 
机灵的皮蛋  ·  IOS开发Objective-C Runti ...·  2 年前    · 
爱笑的花生  ·  【windows】pip ...·  2 年前    · 

vue 保留小数点后两位以及转化为百分比

1、将小数转化为百分比(保留四位小数,四舍五入)

export function ChangeDecimalToPercentage(data) {
  var data1 = (data*100).toFixed(4)+"%"
  return data1

2、保留小数点后两位四舍五入

export function NumFilter (value) {
  // 截取当前数据到小数点后两位
  let realVal = parseFloat(value).toFixed(2)
  return realVal

3、留两位小数不四舍五入

export function numFilter (value) {
  // 截取当前数据到小数点后三位
  let tempVal = parseFloat(value).toFixed(3)
  let realVal = tempVal.substring(0, tempVal.length - 1)
  return realVal
                                    一、toFixed(常用格式化保留几位小数)。
先展示一下toFixed过滤器的效果,比如:当我们获取用户信息的时候,展示当前用户的余额时,需要首先调用后端的接口查询余额,然后在显示余额,并保留两位小数。
1.调用后端接口还未响应时。以“-”展示,不能以0展示给用户,不然会让用户误以为自己余额只剩下0元。(图片描述的错误标题不用重点关注,我这里随便截图的)
2.后端接口响应后,获取到金额并以格式化两位小数的展示。
3.此时用户金额为零,就展示为零。
二、numFormat(格式化美元.
                                    let number=this.buildData.testResult.auto_retest_number/this.buildData.testResult.auto_retest_number;
let str=Number(number*100).toFixed(2);
str+="%";
this.testCoverages=str;
                                    1. 时间格式化
(1)前端传给后台的入参
时间选择器,参入的格式是:[“2022-02-27T16:00:00.000Z”, “2022-02-27T16:00:00.000Z”]
后台需要的格式是:[“2022-02-27”, “2022-02-27”]
代码实现:
 <el-form-item label="创建日期">
            <el-date-picker
              v-model="reports.query.create_date"
//在相应需要处理的el-table-column 中,添加formatter属性,并绑定了名为ChangeToPercentage的处理函数
<el-table-column label="税率" prop="taxRate" :formatter="ChangeToPercentage" min-width="60"> </el-table-column>
2、在methods里面写方法
//税率换成百分比
                                    function percentToValue(value) {
    value = value + '';
    const pointIndex = value.indexOf('.');
    if (pointIndex === -1) return (value - 0) / 100;
    const powIndex = value.length - pointIndex...
    let tempVal = parseFloat(value).toFixed(3)
    // 再取该数值长度-1的内容
    let realVal = tempVal.substring(0, tempVal.length - 1)
export function NumFilter (value) {
  // 截取当前数据到小数点两位
  let realVal = parseFloat(value).toFixed(2)
  return realVal
二、保留两位小数不四舍五入
export function numFilter (value) {
  // 截取当前数据到小数点后三位
  let tempV
<div class="text primary-text">
  <span>合计:</span>
  <span class="money">¥{{totalMoney | numFilter}}<...