Shulou(Shulou.com)05/31 Report--

Most people do not understand the knowledge points of this article "vue how to achieve real-time search and display function", so the editor summarizes the following content, detailed content, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "vue how to achieve real-time search display function" article.

The effect is as follows

/ / bind the keyword name of the search, phone address {{item.name}} {{item.phone}} {{item.email}} Check out details export default {name: "customers" Data () {return {customer: [], filterInput: "", childrenmag:''} }, methods: {/ / Asynchronous request data async fetchCustomers () {const res = await this.$http.get ("/ users"); this.customer = res.data;}, filterBy (customers, inputvalue) {/ / filter method traverses the entire array return customers.filter (customer = > {/ / Note that match cannot traverse numbers, true,false return customer.name.match (inputvalue)) );}}

The filterBy method looks for the data corresponding to the keyword.

The above is about the content of this article on "how to achieve real-time search and display function in vue". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more related knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.