当前位置: 首页 > news >正文

vue3+typescript:为表格生成唯一的Key/No

一、思路:定位到该表格

公司、用户、app、项目、路由、表格索引

通过以上信息确保生成的key有规则,且唯一

"{
companyId:'001',
userId:'002',
appId:'003',
project:'snow-pc',
path:'policy/list',
index:'001'
}"

二、注意事项

1、字符串最外层用“”
2、内部-key:无引号
3、内部-value:单引号
4、replace(/\s+/g, '') 去掉所有空格
目的 生成的key保持一致

三、MD5工具

在线工具

MD5生成 - 记灵工具

npm插件

import md5 from 'js-md5'md5(word)

四、集成为一个方法

放在utils文件

url地址参考:https://www.snow.com/snow-pc/#/crm/listimport md5 from 'js-md5'export function tableNo (_this, index) {const key = {companyId: _this.$store.state.companyId,userId: _this.$store.state.userId,appId: _this.$store.state.appId,project: location.pathname,path: _this.$route.fullPath,index: index}return md5(JSON.stringify(key).replace(/\s+/g, ''))
}

五、欢迎交流指正

http://www.dtcms.com/a/350913.html

相关文章:

  • 二分|组合|旋转数组
  • SET FOREIGN_KEY_CHECKS=0
  • CentOS 部署 Prometheus 并用 systemd 管理
  • 似然函数对数似然函数负对数似然函数
  • 项目1:异步邮件发送系统实战
  • 自由学习记录(88)
  • 设计一个完整可用的 Spring Boot Starter
  • 深入浅出 ArrayList:从基础用法到底层原理的全面解析(下)
  • 2025职场进阶:低门槛技能实用手册
  • 编写Linux下usb设备驱动方法:probe函数中要进行的工作
  • css新特性
  • openharmony之DRM开发:数字知识产权保护揭秘
  • 智能体框架CAMEL-第三章
  • 学习嵌入式的第二十五天——哈希表和内核链表
  • 基于SpringBoot的物资管理系统【2026最新】
  • Linux网络服务(六)——iptables Forward实现内网服务暴露与访问外网
  • 直播美颜SDK技术解析:人脸美型功能的算法原理与实现方案
  • linux环境下 - 如何干净地卸载掉nvidia驱动
  • 工业通信协议综合调研报告
  • 深入浅出 ArrayList:从基础用法到底层原理的全面解析(上)
  • vue-Router中通过路由地址path中的数据转换为props传参,不建议添加多个可选参数
  • More Effective C++ 条款07:不要重载、和,操作符
  • linux的conda配置与应用阶段的简单指令备注
  • Typora + PicList + Gitee 图床完整配置教程
  • 《P1656 炸铁路》
  • C++ 编译链接杂谈——前向声明
  • JavaScript 类中静态变量与私有变量的区别及用法
  • eniac:世界上第一台通用电子计算机的传奇
  • 开发避坑指南(36):Java字符串Base64编码实战指南
  • 深度学习-----《PyTorch深度学习核心应用解析:从环境搭建到模型优化的完整实践指南》