Vue3 前端生成随机id( 生成 UUID )
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
效果展示
封装工具(代码展示)
重新创建一个文件**/utils/someTools.js**,并在里面写入如下代码。
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;
实际运用-----SomeTools.guid()
随机打开一个你想要生成id的文件,先引入文件,然后调用**guid()**方法。
import { ref } from 'vue'
import SomeTools from '@/utils/someTools.js'
//直接这样就可以使用啦
//SomeTools.guid()
//可以直接赋值使用,例如:
const id = ref(null)
id.value = SomeTools.guid()
GitHub 加速计划 / vu / vue
77
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:4 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 6 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 6 个月前
更多推荐
已为社区贡献3条内容
所有评论(0)