官方地址:https://www.npmjs.com/package/vue-uuid
1、安装
npm i vue-uuid
2、使用
两种方式:
- 局部引入后,通过uuid名来使用
- 全局注册,然后通过$uuid来使用。
全局注册方式,在main.js文件中引入包
// 引入vue-UUID组件
import UUID from 'vue-uuid'
Vue.use(UUID)
<template>
<div class="uuid-panel">
<h3 class="uuid">{{ uuid }}</h3>
<button
class="button"
@click="handleUUIDv1"
>Generate V1</button>
<button
class="button"
@click="handleUUIDv4"
>Generate V4</button>
</div>
</template>
<script>
import { uuid } from 'vue-uuid'; // uuid object is also exported to things
// outside Vue instance.
export default {
data () {
return {
uuid: ''
};
},
created() {
this.uuid = uuid.v1()
},
methods: {
handleUUIDv1() {
this.uuid = this.$uuid.v1()
},
handleUUIDv4() {
this.uuid = this.$uuid.v4()
}
}
};
</script>