单击时设置组件道具

Question

我有一个引用特定数据的按钮，然后我想添加一个带有道具的组件，该道具具有特定于引用该按钮的数据。

<MyComponent v-bind:props="mydata[0]"/>

这基本上就是我正在做的事情，可以说我想绑定道具mydata[1]而不是mydata[2]而不在模板上手动键入道具，我希望道具是动态的。预先感谢

Answer 1

在数据中定义一个名为 index 的变量，然后在该按钮上单击该变量，将其更改为特定的索引，类似这样

<v-btn @click="index = 1">display data of 1</v-btn>

和

<MyComponent v-bind:props="mydata[index]"/>