<template> <div> <h2>TagBox with Autocomplete</h2> <TagBox v-model="value" style="width:300px;" valueField="id" textField="text" placeholder="Select a Language" :limitToList="true" :hasDownArrow="true" :data="data"></TagBox> <p v-if="value">{{value}}</p> </div> </template> <script> export default { data() { return { value: ["3"], data: [ { id: "1", text: "Java" }, { id: "2", text: "C#" }, { id: "3", text: "Ruby" }, { id: "4", text: "Perl" }, { id: "5", text: "Basic" } ] }; } }; </script>