效果展示
封裝工具（代碼展示）
重新創(chuàng)建一個(gè)文件**/utils/someTools.js**，并在里面寫(xiě)入如下代碼。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-851791.html
function Tools() {
}
Tools.prototype.guid = function () {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
var r = Math.random() * 16 | 0,
v = c == 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
});
}
const tools = new Tools();
export default tools;
實(shí)際運(yùn)用-----SomeTools.guid()
隨機(jī)打開(kāi)一個(gè)你想要生成id的文件，先引入文件，然后調(diào)用**guid（）**方法。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-851791.html
import { ref } from 'vue'
import SomeTools from '@/utils/someTools.js'
//直接這樣就可以使用啦
//SomeTools.guid()
//可以直接賦值使用，例如：
const id = ref(null)
id.value = SomeTools.guid()
到了這里，關(guān)于Vue3 前端生成隨機(jī)id（ 生成 UUID ）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
