1.utils
说明:一般封装工具函数。
// 单例模式
import { v4 as uuidv4 } from 'uuid';
// 要生成一个随机的字符串,且每次执行不能发生变化
// 游客身份还要持久存储
function getUUID(){
// 先从本地获取uuid,本地存储里面是否有
let uuid_token=localStorage.getItem("UUIDTOKEN")
// 如果没有生成
if(!uuid_token){
// 没有那么生成
uuid_token=uuidv4()
localStorage.setItem("UUIDTOKEN",uuid_token)
}
return uuid_token
}
export default getUUID
2.组件仓库
说明: 本人使用的是detail组件中的仓库。文章来源:https://www.toymoban.com/news/detail-635457.html
// 封装临时游客身份,生成一个随机的字符串,并且生成一次
// 就不能改变了
import getUUID from '@/utils/uuid_token';
const state={
// 游客的临时省份
uuid_token:getUUID()
}
3.展示
文章来源地址https://www.toymoban.com/news/detail-635457.html
到了这里,关于Vue中使用uuid生成唯一ID(脚手架创建自带的)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!