现在项目中有一个 v-btn 点击后会弹出一个 v-dialog,在 v-dialog 中输入一些数据会提交。
每个 v-btn 会有一个对应的数据 id,求解如何把这个 id 一起随着 v-dialog 中的数据提交?
相关代码如下
<template v-slot:item="props">
// 这里可以通过 props.item.id 取到对应数据的 id,但是不知道具体该怎么写才能传递给 dialog,再从 dialog 的 submit 提交
<v-btn @click.stop="butter">
<v-icon>add</v-icon>
</v-btn>
</template>
// 弹出的 dialog
<v-dialog
v-model="dialog"
max-width="290"
>
<v-card>
<v-form>
<v-card-text>
<v-container>
<v-row>
<v-col cols="12">
<v-text-field label="数量" v-model="butterCount"></v-text-field>
</v-col>
</v-row>
</v-container>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" text @click="dialog = false">取消</v-btn>
<v-btn color="blue darken-1" text @click="submit">确认</v-btn>
</v-card-actions>
</v-form>
</v-card>
</v-dialog>