Vue Tags
Take a look at this example in CodeSandbox: working example
Tags component
<template> <div ref="tags"></div> </template> <script> import jSuites from "jsuites"; import "jsuites/dist/jsuites.css"; export default { name: "Tags", props: { properties: Object, }, mounted: function () { jSuites.tags(this.$refs.tags, this.$props.properties); }, }; </script>
Component usage
<template> <div id="app"> <h3>Vue tags example</h3> <Tags v-bind:properties="{ value: value, onchange: handleTagsChange, }" /> <h3>New value is: {{ value }}</h3> </div> </template> <script> import Tags from "./components/Tags"; export default { name: "App", components: { Tags, }, data: function () { return { value: "", }; }, methods: { setValue: function (newValue) { this.value = newValue; }, handleTagsChange: function (el, obj, newValue) { this.setValue(newValue); }, }, }; </script>