naive-ui的n-data-table标签奇特bug记录

具体参考之前的博文:vueday02------使用naive-ui做一个ACM看榜-CSDN博客

具体代码在这里面

原因:在本地运行的时候,datatable里面使用列表渲染成字符串前端设置样式进行转换,但是在正式部署的时候,这个组件没有将其自动转换,造成前端页面死转,CPU拉满造成卡顿,任何调试信息都没有,后面一步一步做单元测试部署,将list手动转成str解析即可

原始data(模拟后端传过来的数值):

复制代码
const datas = ref([
// 代表后端传来的数据
// 0
{
    problemA: ["*", "\n", "1", "/", "2"],
    problemB: ["*", "\n", "1", "/", "2"],
    problemC: ["+", "\n", "1", "/", "2"],
    problemD: [" ", "\n", "0", "/", "0"],
    problemE: ["-", "\n", "0", "/", "2"],
    problemF: ["*", "\n", "7", "/", "10"],
    problemG: ["*", "\n", "1", "/", "2"],
    problemH: ["+", "\n", "2", "/", "2"],
    problemI: ["-", "\n", "0", "/", "2"],
},

给n-data-table的数据

复制代码
const data = ref([
  {
    key: 0,
    index: 1,
    name: "user Name1",
    solved: 3,
    // age: 32,
    college: "JiShou University",
    problemA: datas.value[0].problemA.join(""),
    problemB: datas.value[0].problemB.join(""),
    problemC: datas.value[0].problemC.join(""),
    problemD: datas.value[0].problemD.join(""),
    problemE: datas.value[0].problemE.join(""),
    problemF: datas.value[0].problemF.join(""),
    problemG: datas.value[0].problemG.join(""),
    problemH: datas.value[0].problemH.join(""),
    problemI: datas.value[0].problemI.join(""),
  },

颜色转换函数

复制代码
const judgeColor = (data:any) => {
      let color = "";
      // console.log("打印传入data", data)
      if (data[0] === "+") {
        color = '#e1ffb5'
      } else if (data[0] === "*") {
        color = '#3db03d'
      } else if (data[0] === "-") {
        color = '#ffd0d0'
      }
      // console.log("返回颜色", color)
      return color;
}
相关推荐
川石课堂软件测试1 天前
什么是BUG,你对BUG的了解有多少?
android·linux·服务器·python·功能测试·bug·安全性测试
仰望星空的凡人2 天前
【BUG排查】基于RH850F1KMS1的主控出现系统中断错误,调试FEIC的值为0x11
单片机·bug·rh850·renesas
Vanranrr2 天前
Git Commit Message 最佳实践:从一次指针Bug说起
git·bug
初圣魔门首席弟子2 天前
c++ bug 函数定义和声明不一致导致出bug
开发语言·c++·bug
xuyuan19982 天前
修复1个Bug,引爆3个新Bug?回归测试的智慧
功能测试·测试用例·bug
三十_A2 天前
【实录】使用 patch-package 修复第三方 npm 包中的 Bug
前端·npm·bug
BrightMZM2 天前
记录一下Unity的BUG,Trial Version
unity·bug·打包·trial
一只自律的鸡3 天前
【bug日记】python找不到包
bug
灵性花火3 天前
记录Qt的多个bug
qt·bug
ss2733 天前
手写MyBatis第96弹:异常断点精准捕获MyBatis深层BUG
java·开发语言·bug·mybatis