JS生成UUID（GUID）

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()