1.引入import uuidv1 from "uuid/v1"
2.在div里 <div :id="elId" class="container"></div>
3.在data里面声明 elId: "",
为了让每次页面打开都生成一个id,且刷新后不会变,那么就需要存储
首先在methods里面写一个函数
created() {
this.elId = uuidv1(); //获取随机id
},
然后在 mounted里面做判断
if (localStorage.getItem("id") == null) { //判断localStorage里面是否有值,如果没有值那么
this.created(); //调用methods里的函数created
localStorage.setItem("id", this.elId); //然后把生成的id存储到localStorage里面
}
完整代码


本文介绍了一种使用uuidv1库生成唯一ID的方法,并将其存储在浏览器的localStorage中,确保每次页面加载时都能获得相同的ID,直到手动清除缓存。通过在Vue.js项目的created钩子中调用函数来生成ID,然后在mounted钩子中检查localStorage是否已有该ID,若无则生成并存储。
2041





