vue-uid

vue-uid

Unique ID for Vue.js component.

Install

$ yarn add vue-uid

import Vue from 'vue';
import VueUid from 'vue-uid';
 
Vue.use(VueUid);

Usage

<template>
  <input v-bind:id="`input-${$_uid}`" />
</template>

<script>
export default {
  mounted() {
    const uid = this.$_uid;
    console.log(uid); // 1 (Number)
  },
};
</script>

Option

name

Change property name.

e.g.

import Vue from 'vue';
import VueUid from 'vue-uid';

Vue.use(VueUid, {
  name: 'uid',
});

when

<template>
  <input v-bind:id="`input-${uid}`" />
</template>

<script>
export default {
  mounted() {
    const uid = this.uid; // change 
  },
};
</script>

Reset UID

import { uid } from 'vue-uid';

uid.reset();

For Nuxt.js

nuxt-uid-module