现在项目中有一个 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>
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.