vue watch v-for

Very easy things, but need some way to pass this difficult.


Problme is async await   if your problem  is this, now see how to do


1. template or web html

．any input v-model="filter_keywork"

．<p v-for="r in results"> {{r.aaa}} {{r.bbb}} </p>


2. var app   data:{
  filer_keywork: '',
  resuls: [],
}


3. methods:{
  getrows(){
    this.axios or any http get
  },
  async filteredRows(){
    this.results = await this.getrows()
  }
}

4.watch: {
  filter_keywork: function(){
    this.filteredRows()
  }
}



Watch filter_keywork changed to call method this.fileredRows().

This time methods can us async await get back resuls => this.results Then vue render. No async await .... vue sleep.