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.

Copy

import {Tag} from 'element-ui'

Global usage

Copy

Vue.use(Tag)

For local usage

Copy

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

Example

Amsterdam Washington Sydney Beijing

Copy

<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