点击Vue传递道具

时间:2018-09-02 14:48:20

标签: javascript vue.js vuejs2

我有物品清单,当我单击其中一个物品时,我应该通过点击传递道具。但是不知何故道具在目标组件中没有定义

<v-card // target component
  v-for="product in myProducts" // loop through array
  :key="product.id" // binding key
  :current="currentProduct" // passing props
>

<v-btn
  :to="'/product/' + product.id"
  @click="getCurrent(product)" // get current product 
>Open</v-btn>

data(){
  return{
    currentProduct: {} // here i pass current product
  }
}

methods:{
  getCurrent(item){ // click handler
    this.currentProduct = item //setting current item
  }
}

/// target component
props: ['id', 'current']

我在做什么错?也许此刻,我单击了,当前项目不在currentProduct中?

0 个答案:

没有答案