vue常用工具库

nanoid

2022-07-18  本文已影响0人  小溪流jun

nanoid

用于 JavaScript 的小型、安全、URL 友好、唯一的字符串 ID 生成器。
gitHub官网地址:https://github.com/ai/nanoid

安装

npm i nanoid -S

nanoid ()

import { nanoid } from 'nanoid'
export default {
  mounted() {
    console.log(nanoid())  // "V1StGXR8_Z5jdHi6B-myT"
    console.log(nanoid(10))  // "IRFa-VaY2b"
  },
};

异步nanoid ()

import { nanoid } from "nanoid/async";
export default {
  data() {
    return {
      id: "",
    };
  },
  mounted() {
    this.createUser();
  },
  methods: {
    async createUser() {
      this.id = await nanoid(10);
      console.log("异步获取", this.id);  //SRph3v_FCb
    },
  },
};

customAlphabet():允许您使用自己的字母和 ID 大小创建 nanoid。

import { customAlphabet } from "nanoid";
export default {
  mounted() {
    const nanoid = customAlphabet("1234567890abcdef", 10);
    console.log(">>>>", nanoid);  //customAlphabet()的返回值是函数
    console.log(">>>>", nanoid(10));  //f4c6345752
  },
  methods: {},
};
上一篇 下一篇

猜你喜欢

热点阅读