JS生成UUID（GUID）

JS生成UUID（GUID）

用处：我们可以使用这个方式生成全局唯一的标识以动态设置组件的ID标识，用于绑定，生成等等

方法1：替换方式

/**
 * 生成GUID
 * @returns
 */
export const generateUUID = (): string => {
  var guid = "";
  for (var i = 1; i <= 32; i++) {
    var n = Math.floor(Math.random() * 16.0).toString(16);
    guid += n;
    if (i == 8 || i == 12 || i == 16 || i == 20) guid += "-";
  }
  return guid;
};

方法2：系统crypto.randomUUID()

直接调用以下方法即可获得

crypto.randomUUID()

注意

需要注意版本，支持版本为TypeScript 4.6+
否则无法正常使用会报：Property 'randomUUID' does not exist on type 'Crypto'这个错误

安装TS

npm install typescript -s 

方法3：uuid模块安装

npm install uuid --save

使用

import { v4 as uuidv4 } from 'uuid';
let uuid =  uuidv4()