Add create-tag prop to taginput

REInVent650 · Jul 31, 2020 · c2a67ae · c2a67ae
1 parent 04e4b18
commit c2a67ae
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/docs/pages/components/taginput/api/taginput.js b/docs/pages/components/taginput/api/taginput.js
@@ -147,6 +147,13 @@ export default [
                 values: '—',
                 default: '<code>false</code>'
             },
+            {
+                name: '<code>create-tag</code>',
+                description: 'Function to create tag item to push into v-model (tags)',
+                type: 'Function',
+                values: '—',
+                default: '<code>(tagToAdd) => tagToAdd</code>'
+            },
             {
                 name: '<code>readonly</code>',
                 description: 'Disable input/typing',

diff --git a/src/components/taginput/Taginput.vue b/src/components/taginput/Taginput.vue
@@ -169,6 +169,10 @@ export default {
             type: Boolean,
             default: false
         },
+        createTag: {
+            type: Function,
+            default: (tag) => tag
+        },
         appendToBody: Boolean
     },
     data() {
@@ -267,7 +271,7 @@ export default {
                 // or previously added (if not allowDuplicates).
                 const add = !this.allowDuplicates ? this.tags.indexOf(tagToAdd) === -1 : true
                 if (add && this.beforeAdding(tagToAdd)) {
-                    this.tags.push(tagToAdd)
+                    this.tags.push(this.createTag(tagToAdd))
                     this.$emit('input', this.tags)
                     this.$emit('add', tagToAdd)
                 }