首页 > 其他分享 >关于u-table 和el-table的问题相关

关于u-table 和el-table的问题相关

时间:2023-11-26 11:22:46浏览次数:27  
标签:src vue el column 报错 关于 table

解决方式:

        在u-table中引入el-table中的el-table-column,修改el-table-column为u-table-column

页面报错:

 

vue.runtime.esm.js:619 [Vue warn]: Duplicate keys detected: 'el-table_1_column_1'. This may cause an update error.

found in

---> <ElTableHeader>
       <ElTable> at packages/table/src/table.vue
         <UTable> at packages/u-table/src/u-table.vue
           <ElCard> at packages/card/src/main.vue
             <SvgIcon> at src\xxxx\yyyy\ddddd.vue
               <SelfDelivery> at src\views\oooooclient\ppppp\sssss\fffffff.vue
                 <AppMain> at src\views\layout\components\AppMain.vue
                   <Layout> at src\views\layout\Layout.vue
                     <App> at src\App.vue
                       <Root>

 

原因:

        1、由于之前使用的是el-table,它对大数据量的查询支持性不是很卡,页面经常卡住,后面经过技术选型,使用了u-table,在当时使用中未发现问题。后续由于业务需求在上面进行扩展后出现上述问题。

问题分析和解决思路:

        1、通过报错信息分析是由于主键重复的问题,但是当前页面的主键是没有重复的,所以通过报错分析处理问题失败。

        2、网上查找帖子和各种博客,统一的回复都是主键重复等等,处理方式是重新设置不重复的主键,通过网上查找问题失败。

        3、询问公司前端高手,给出的回复是重复调用了一些东西导致的问题,具体原因需要排查,(由于不是一个项目组,前端没有源码只是看了报错信息分析出来的),所以寻求公司内部帮助失败。

        4、加入官方交流群,发送错误信息,回复是多看看源码,是虚拟表格的问题。(本人后端对vue源码全瞎,完全看不懂。)此方式处理失败。

        5、后续通过还原代码(不报错的版本),慢慢扩展后发现问题,前端在添加扩展的时候,在u-table中引入el-table中的el-table-column导致报错,修改el-table-column 为u-table-column,报错问题修复,页面不会卡死。

验证:

  1、修改el-table-column 为u-table-column,问题完全解决。

 

标签:src,vue,el,column,报错,关于,table
From: https://www.cnblogs.com/wangZBAPSY/p/17856649.html

相关文章

  • 使用yield返回集合数据
    staticvoidMain(string[]args){foreach(vararginGetStrings()){Console.WriteLine(arg);}Console.ReadLine();}staticIEnumerable<string>GetStrings(){yieldreturn"1";Console.WriteLine("1返回去了......
  • ElasticSearch之cat fielddata API
    命令样例如下:curl-XGET"https://localhost:9200/_cat/fielddata?v=true&pretty"--cacert$ES_HOME/config/certs/http_ca.crt-u"elastic:ohCxPH=QBE+s5=*lo7F9"执行结果输出如下:idhostipnodefieldsizeNqk-6......
  • 一个关于用netty的小错误反思
    一个关于用netty的小认知在使用netty时,观看了黑马的netty网课,没想就直接用他的依赖了依赖如下<dependency><groupId>io.netty</groupId><artifactId>netty-all</artifactId><version>4.1.39.Final</version></dependency>不过幸运的是,我意识到了老师的没......
  • ElasticSearch之cat health API
    命令样例如下:curl-XGET"https://localhost:9200/_cat/health?v=true&pretty"--cacert$ES_HOME/config/certs/http_ca.crt-u"elastic:ohCxPH=QBE+s5=*lo7F9"执行结果输出如下:epochtimestampclusterstatusnode.totalnode.datashardspr......
  • ElasticSearch之cat datafeeds API
    命令样例如下:curl-XGET"https://localhost:9200/_cat/ml/datafeeds?v=true&pretty"--cacert$ES_HOME/config/certs/http_ca.crt-u"elastic:ohCxPH=QBE+s5=*lo7F9"执行结果输出如下:idstatebuckets.countsearch.countdatafeed-high_sum_total_sales......
  • ElasticSearch之线程的数量
    ElasticSearch在运行过程中,涉及多种线程池、线程的使用,因此而需要给予足够的线程资源,保证ElasticSearch在需要时可以正常创建出线程。查看Linux系统当前用户允许创建的线程的数量,命令如下:ulimit-a执行结果的样例,如下:corefilesize(blocks,-c)0datasegsize......
  • Day04 HelloWord
    代码(用控制台便运行文件)publicclassHello{ publicstaticvoidmain(String[]args){ System.out.print("HelloWord!"); }}1.创建文件文件后缀名为.javaHello.java[注意点]系统可能没有显示文件后缀名,我们需要手动打开窗口状态栏=>查看=>显示=>文件扩展名(勾......
  • 解决ls: relocation error: /lib64/libacl.so.1: symbol getxattr, version ATTR_1.0
    解决ls:relocationerror:/lib64/libacl.so.1:symbolgetxattr,versionATTR_1.0notdefinedinfilelibattr.so.1withlinktimereference参考:https://www.cnblogs.com/biohujun/p/17613372.html 这个问题是在我conda装了一个包之后就出现了,ls等最基础的命令没有办......
  • 新火种AI | Stable Video Diffusion来了!普通人拍大片指日可待
    作者:小岩随着技术的不断进步,AI领域取得了巨大的突破。特别是在图片生成这个赛道,AI目前能做到的成绩超乎想象。或许就在1年以前,很多人,特别是一些专业从业者对AI绘画的印象还停留在“元素要靠东拼西凑”“废图率太高”“成品无法直接使用”等方面,但如今,高质量AI绘图软件的表现完全可......
  • 大量索引场景下 Easysearch 和 Elasticsearch 的吞吐量差异
    最近有客户在使用Elasticsearch搜索服务时发现集群有掉节点,并且有master收集节点信息超时的日志,节点的负载也很高,不只是data节点,master和协调节点的cpu使用率都很高,看现象集群似乎遇到了性能瓶颈。查看了Hot_threads,发现大量线程被权限验证相关的类和方法占用,主要在RB......