Question

我试图理解为什么当我点击下面的按钮时，我会得到三个不同的对象，然后才会说明发票未定义。

<tr :key="invoice" v-for="(invoice, index) in invoices">
    <td><button @click.prevent="openEdit(index)" Edit Invoice</button></td>
</tr>

openEdit(index) {
    var invoice = this.invoices.splice(index, 1)[0];
    this._beforeEditingCache = Object.assign({}, invoice);
    console.log(invoice);
    Bus.$emit('editting', { invoice: invoice, phase: this.phase, editModalName: this.editModalName });
},

Answer 1

很长一段时间后，我想我理解了这个问题

您想要打开一个模式，其中包含被点击的表格行的值。

*我为此做了一个jsfiddle。看看:https://jsfiddle.net/Roland1993/eywraw8t/5415/

这个小提琴很简单。我建议你使用模态作为子组件。

但是如果您使用vue，那么使用 vuetify 会很有吸引力。请查看此表，其中包括编辑，删除和添加新项目。 click here to see

循环并发送到模态

1 个答案: