如何添加多个输入值以存储在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调用中如何获取输入数据？

Full jsfiddle：https://jsfiddle.net/tga9sfcm/1/

Answer 1

• 我在应用中添加了两个数据道具：名称和文件夹。
• 将v-model绑定更改为这两个道具。
• 按下按钮时调度操作。

这是一个有效的fiddle

另外，请注意您调度Actions并提交Mutations。你有动作调度突变：store.dispatch('ADD_PACKET', packet)