因为在使用 vue-uuid 在 vue3 项目中会报错，果断修改原仓库
Add UUID to Vue instance.
Installation is very easy, you just need to install using NPM or Yarn.
npm i vue3-uuidVue's use method will do the trick adding to Vue.
import { createApp } from 'vue'
import App from './App.vue'
import UUID from "vue3-uuid";
const app = createApp(App)
app.use(UUID)<template>
<div class="uuid-panel">
<h3 class="uuid">{{ UUID }}</h3>
<button
class="button"
@click="choose"
>Generate V1</button>
<button
class="button"
@click="choose(3)"
>Generate V3</button>
<button
class="button"
@click="choose(4)"
>Generate V4</button>
<button
class="button"
@click="choose(5)"
>Generate V5</button>
</div>
</template>
<script setup>
import { ref } from 'vue'
import { uuid } from 'vue3-uuid';
const NAMESPACE = "65f9af5d-f23f-4065-ac85-da725569fdcd";
const UUID = ref(null);
const choose = ( type ) => {
if ( type === 3 ) {
UUID.value = uuid.v3();
} else if ( type === 4) {
UUID.value = uuid.v4();
} else if ( type === 5 ) {
UUID.value = uuid.v5("Name 1", NAMESPACE);
} else {
UUID.value = uuid.v1();
}
}
</script>![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent