遇到问题

需要对动态生成的数值进行格式化处理，需要格式化数值为2位小数点

相关代码

待修改的数据

{
    "code": 200,
    "message": "成功",
    "data": [
        {
            "dateTime": "2023-03-29 00:05:00",
            "3304810001#sectionAreaValue": 68.072,
            "total": 288,
            "3304810001#flowValue": 76.308,
            "3304810001#waterValue": 1.174,
            "3304810001#velocityValue": 0.121
        },
        {
            "dateTime": "2023-03-29 00:10:00",
            "3304810001#sectionAreaValue": 67.746,
            "total": 288,
            "3304810001#flowValue": 75.876,
            "3304810001#waterValue": 1.16,
            "3304810001#velocityValue": 0.12
        },
        {
            "dateTime": "2023-03-29 00:15:00",
            "3304810001#sectionAreaValue": 68.072,
            "total": 288,
            "3304810001#flowValue": 76.512,
            "3304810001#waterValue": 1.17,
            "3304810001#velocityValue": 0.124
        }
    ],
    "success": true,
    "timestamp": 1680091972371,
    "traceId": "12393904349099328"
}

我的初步解答思路

目前没有好的思路，求指点

软件环境

vue2、element ui

已解决

const tempList = []
        res.data.forEach(item=>{
          for(let key in item){
            if((key != 'total') && (key != 'dateTime') ){
              item[key]= numFilter(item[key],2);              
            }
          }
          tempList.push(item)
        })

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7626002
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：解决vue和element UI中对话框的遮罩层消失
• 除此之外, 这篇博客: vue中如何进行身份证合法性校验（身份证18位，包含最后一位数字/字母）中的 2、其次，查看Element ui 组件库官网可知，我们可以自定义表单的校验规则。官网中给出的实例为： 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
  

  

    export default {
      data() {
        var checkAge = (rule, value, callback) => {
          if (!value) {
            return callback(new Error('年龄不能为空'));
          }
          setTimeout(() => {
            if (!Number.isInteger(value)) {
              callback(new Error('请输入数字值'));
            } else {
              if (value < 18) {
                callback(new Error('必须年满18岁'));
              } else {
                callback();
              }
            }
          }, 1000);
        };
        var validatePass = (rule, value, callback) => {
          if (value === '') {
            callback(new Error('请输入密码'));
          } else {
            if (this.ruleForm.checkPass !== '') {
              this.$refs.ruleForm.validateField('checkPass');
            }
            callback();
          }
        };
        var validatePass2 = (rule, value, callback) => {
          if (value === '') {
            callback(new Error('请再次输入密码'));
          } else if (value !== this.ruleForm.pass) {
            callback(new Error('两次输入密码不一致!'));
          } else {
            callback();
          }
        };
        return {
          ruleForm: {
            pass: '',
            checkPass: '',
            age: ''
          },
          rules: {
            pass: [
              { validator: validatePass, trigger: 'blur' }
            ],
            checkPass: [
              { validator: validatePass2, trigger: 'blur' }
            ],
            age: [
              { validator: checkAge, trigger: 'blur' }
            ]
          }
        };
      },
  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^