Aotocomplete component of element-ui input

you want to get the input input value and dynamically append it to the array. Not to be refreshed!

clipboard.png

has actually implemented this function, but there are two problems:
1. Will be overwritten, showing only one at a time. (I hope to show 10)
2. When the appended value is entered into the array, it will be refreshed by reload load and only one will be displayed.

thought
1. Save locally after successful submission

localStorage.setItem ("resArray", JSON.stringify ({value:pid}));

2. Take out the stored value and append it to the array
mounted () {

        let resArray=JSON.parse(localStorage.getItem("resArray"));

        this.restaurants.unshift(resArray);
       
    }
    

3. Pass a value

methods: {

        querySearch(queryString,callback) {

     let restaurants=this.restaurants;
                   

let results = queryString? Restaurants.filter (this.createFilter (queryString)): restaurants;

                callback(results);
          


        },
    -sharp-sharp-sharp 

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

Apr.21,2022

fumbled and solved some of the problems

clipboard.png

clipboard.png

ask the elder to give me some advice

Menu