Clear-Funktion bei der Suche

public/index.html

                 <form class="om-searchbar" @submit.prevent="search()">
                     <b-field>
 						<b-autocomplete
+							id="searchtext"
 							rounded
 							v-model="searchtext"
                             @keydown.native.enter="search"
 							@typing="getFilteredTags"
 							@input="saveTagsToArray">
 						</b-taginput>-->
+						<button @click="clear">x</button>
 					</b-field>
                 </form>
             </div>
             router,
             el: '#api',
 			data:  function() {
-                return{
+                return {
                     searchtext: "",
+					isSearchActiv: false,
 					selected: [],
 					taglist: dat,
                 };
             },
             methods: {
                 search: function() {
+					this.isSearchActiv = true;
                     console.log("Searchtext: " +this.searchtext.replace(/#/g,''));
                     $.ajax({
                         url: "api/msg/search/" + this.searchtext.replace(/#/g, ''),
                             }
                         }).fail(function (e, f, g) {
                             console.log("err: " + e + f + g);
-                        });
-                    }
+                    });
+                },
+
+				clear: function() {
+					console.log("clear");
+
+					this.isSearchActiv = false;
+					this.searchtext = "";
+					listMessages();
+				},
 
 			},
              mounted: function () {