如何添加多個輸入值以便在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)