Nuxt Tags

-
Pro Component

The Nuxt Tags refers to a simple plugin providing a Nuxt user interface for managing tags.
Keep reading our Nuxt Tags examples and learn how to use this plugin.


import {Tag} from 'element-ui'

Global usage

Vue.use(Tag)

For local usage

export default {
  components: {
    [Tag.name]: Tag
  }
}

Example

<template>
 <tags-input v-model="tags"></tags-input>
</template>

<script>
  export default {
    data() {
      return {
      }
    }
  }
</script>

Tags Input Props

PROP NAME TYPE DEFAULT DESCRIPTION  
value Array [] List of tags  
tagType String primary Tag type (primary danger etc)

Tags events

PROP NAME TYPE DEFAULT
input triggers when current input value changes the updated value
change triggers when a tag is added/removed the updated list of tags