如何添加多个输入值以便在Vue中存储

Question

试图通过输入点击添加到商店。将有多个输入与对象信息的不同部分。我如何从一个方法中获取输入数据？

在这种情况下，我用包通过商店

<input label="Packet Name" v-model="packets.name" required><br> 
<input label="Packet Name" v-model="packets.folder" required><br> 
<button @click="addPacket">Add</button> 

工作的addPacket呼叫我如何才能输入数据？

完整的jsfiddle：https://jsfiddle.net/tga9sfcm/1/

Answer 1

• 我添加了两个数据道具到应用程序：名称和文件夹。
• 更改v模型绑定到这两个道具。
• 按钮点击分配一个动作。

这里是一个工作fiddle

此外，请注意你的行动调度和提交的突变。你有你的行动调度突变：store.dispatch('ADD_PACKET', packet)