三生万物

问题Vue 常用的UI框架，table组件在websocket通讯时，大量数据过来时页面数据加载不过来的情况，三个UI框架对比结果 ant-design-vue 和 iview比较差 element-ui 相对好点，但也卡顿。下图是博主开发的读卡器SDK测试工具，在做测速时就遇到的这问题，找来找去，最终发现是UI框架的问题！效果对比测试机器：NRP-D915I4 超高频分体式读写器单天线模式，2500~3600ms读500张卡，测试环境非严苛，严苛环境下读卡性能更强悍。卡顿需要鼠标移动视图才

需求还是对象关联，如父类别。对象关联对象的更新时用到本组件。开始做新建 KaiSelect.vue 文件（项目名叫KaiAdmin，自己琢磨的通用后台，在为此项目写组件。????）本组件是基于 Ant Design Vue Select 选择器 修改而来的。…效果博客迁移...

需求很多时候因对象关联，前端只收到一个关联对象的ID，或者枚举值。这个如果后台不处理的话前端往往需要根据ID再去后台查询获得对象数据显示对象信息（一般显示name）。因此这是一个很常见的操作，所以我们可以封装一个组件，让组件自动帮我们去查询。开始做新建 GetModelInfo.vue 文件定义参数包含 fdId（要查询的ID）、url（后台接口路径）、show（显示的字段）、attributes（要查询的属性）props: { fdId: { type: String,

需求做一个简单的增删改查功能添加页面简单的话一个list就搞定了。使用的组件Table 表格 - 可编辑行Table 表格 - 可编辑单元格代码<template> <a-card :bordered="false"> <a-button type="primary" style="margin-bottom: 10px" @click="handleAdd">Add</a-button> <a-table :col

先上个效果图????#要点# JS对象是地址引用的所以找到了要添加子节点的对象把它赋值到自己定义的对象中，就可操作此对象了，如添加子节点。添加到根目录下这个比较简单，因为树就是从root开始的，所以直接拿到root节点的子节点数组，添加新节点对象即可。addMenu() { const newChild = { title: '编辑菜单', key: (new Date()).getTime(), scopedSlots: {title: 'title'},