vue uuid

作者：穹上之月发布日期:2025-10-05 浏览:67

// 引入 uuid 库
import { v4 as uuidv4 } from 'uuid';

export default {
  data() {
    return {
      // 使用 uuid 生成唯一的标识符
      uniqueId: uuidv4()
    };
  },
  methods: {
    generateNewUUID() {
      // 每次调用该方法时生成新的 UUID
      this.uniqueId = uuidv4();
    }
  }
};

解释说明：

引入 uuid 库：我们使用 import { v4 as uuidv4 } from 'uuid'; 来引入 uuid 库的 v4 方法，它用于生成版本 4 的 UUID。
生成唯一标识符：在 data 函数中，我们通过调用 uuidv4() 方法生成一个唯一的标识符，并将其赋值给 uniqueId。
生成新的 UUID：定义了一个 generateNewUUID 方法，每次调用该方法时都会生成一个新的 UUID 并更新 uniqueId。

如果你没有安装 uuid 库，可以通过以下命令安装：

npm install uuid

上一篇：vite+vue+ts

下一篇：vue 插件