Vue event handling - @click or v-on:click

Question

<button class="btn btn-primary btn-block" @click="$router.push('fund/1')">Fund</button>

Answer 1

<SearchFilters :key="resetKey" class="mb-3 search-container list-search" />
<button v-on:click="forceRerender">reset {{resetKey}}</button>

<script>
data() {
    return {
      resetKey: 0
    }
}
}
methods: {
  forceRerender() {
    this.componentKey += 1;  
  },
  onSuccess(){
    this.fetchCount = true;
    this.fetchList();
  },
  getLabel(collection,check){
    let label = ''
    var result = collection.filter(function( obj ) {
      return obj.value == check;
    });
    if(result.length >0){
      label = result[0].text;
    }
    return label;
  },
}
</script>

 

Answer 2

Methods in Inline Handlers

<div id="example-3">
  <button v-on:click="say('hi')">Say hi</button>
  <button v-on:click="say('what')">Say what</button>
</div>

<script>
new Vue({
  el: '#example-3',
  methods: {
    say: function (message) {
      alert(message)
    }
  }
})
</script>