Final TagEditor component

Marcos Neves
vuejs-tips
Published in
1 min readMar 22, 2017

Wrapping and publishing our control on this tip #10

As before, we're going to start with our component template.

vue init vuejs-tips/vue-component-template v-tag-editor
cd v-tag-editor
open ./src/Component.vue

Since the TagEditor is just the union of TagInput and TagList, we need to add those dependencies.

yarn add v-tag-input v-tag-list

And the finished component looks like this:

VTagEditor, just forward the props to VTagInput and VTagList, and $emit input event with the modified Array.

Demo

--

--

Marcos Neves
vuejs-tips

Ancient Brazilian web developer, from php, through Rails to Javascript, Vue.js enthusiast to React.