title: Pass props by click Vue
body: <p>I have the list of items and when i am clicking on one of them, i should pass props by click. But somehow props are undefined in the target component</p>
  
  <pre><code>&lt;v-card // target component
    v-for="product in myProducts" // loop through array
    :key="product.id" // binding key
    :current="currentProduct" // passing props
  &gt;
  
  &lt;v-btn
    :to="'/product/' + product.id"
    @click="getCurrent(product)" // get current product 
  &gt;Open&lt;/v-btn&gt;
  
  data(){
    return{
      currentProduct: {} // here i pass current product
    }
  }
  
  methods:{
    getCurrent(item){ // click handler
      this.currentProduct = item //setting current item
    }
  }
  
  /// target component
  props: ['id', 'current']
  </code></pre>
  
  <p>What am i doing wrong? Maybe at the moment, i clicked, the current item is not in the currentProduct? </p>