前端vue项目生成唯一的uuid

本文主要是介绍前端vue项目生成唯一的uuid，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、使用步骤

1.安装uuid

代码如下（示例）：

npm install -S uuid

2.在需要使用uuid的.vue文件中生成并存储uuid

代码如下（示例）：

import { v4 as uuidv4 } from 'uuid';mounted () {let sid=''if(localStorage.getItem('sid')){sid=localStorage.getItem('sid')}else{sid=uuidv4()localStorage.setItem('sia',sid)}this.$store.commit('setsid',sid) //将生成的sid存储到store中// console.log('sid:'+sid)this._getCode() //获取验证码的函数},//将sid值传给后端methods: {_getCode () { //获取验证码let sid=this.$store.state.sidgetCode(sid).then((res) => { //每次点击获取验证码都将唯一标识符sid传给后端if (res.code === 200) {this.svg = res.data;console.log('sid:'+sid)}})}}

在store.js文件中存储sid

3.在store.js文件中存储sid

代码如下（示例）：

export default new Vuex.Store({state: {sid:''},mutations: {setsid(state,value){state.sid=value}},actions: {}
})

这篇关于前端vue项目生成唯一的uuid的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---