vuejs-tips/v-tag-input

Tiny Vue.js tag input component

Vue Tag Input

Tiny tag input for Vue.js

Demo

• https://jsfiddle.net/neves/7wenm8rv/6/
• https://rawgit.com/vuejs-tips/v-tag-input/master/demo/index.html

Usage

Just bind an array of tags to v-model property.

There's a separator property default to use space, but you can change it to comma.

<template>
<div>
  <v-tag-input v-model="tags"></v-tag-input> {{tags}}
</div>
</template>

<script>
import VTagInput from 'v-tag-input'

export default {
  components: {VTagInput},
  data () {
    return {
      tags: ['foo', 'bar']
    }
  }
}
</script>

Installation

Using yarn

yarn add v-tag-input

Using npm

npm i --save v-tag-input

Other Tag Input

• https://github.com/odiumediae/tagdog.js

Contribution

You're free to contribute to this project by submitting issues and/or pull requests. This project is test-driven, so keep in mind that every change and new feature should be covered by tests. Your name will be added to the hall of fame ;)

License

This project is licensed under MIT License