使用VUEJS3向firebase添加列表

Question

我有一个项目"订单"列表，我想将其添加到我的云火库中。

order: [
{

product: 'Tea',
productivity: '15',
quantity: '10',
},
{

product: 'fruits',
productivity: '15',
quantity: '11',
},
],

在我的应用程序很简单之前，我只能添加一种产品，而且这个功能运行良好(这个公式来自pinia商店(

async addOrder(clientsid, newOrderProduct, newOrderProductivity, newOrderQuantity) {
const storeAuth = useStoreAuth()
await addDoc(collection(db, 'users', storeAuth.user.id, 'clients', clientsid, 'orders'), {

product: newOrderProduct,
productivity: newOrderProductivity,
quantity: newOrderQuantity,
productionTime: newOrderQuantity / newOrderProductivity


})

},

但现在我想同时添加多个产品。目前我正在本地添加数据。基本上这是一辆简单的手推车，但我找不到适合我的东西。

这是我在组件中调用函数addOrder的代码。

const addOrders = () => {
storeOrders.addOrder(newOrderName.value, newOrderProduct.value, newOrderProductivity.value, newOrderQuantity.value)

newOrderProduct.value
newOrderProductivity.value = ''
newOrderQuantity.value = ''

}

Answer 1

如果它适用于您，您可以将其调整为适合您的代码，当同时添加多个产品时，您必须创建一个映射并异步转换它，这样，文章将拥有自己的唯一标识

const order =  [
{
product: 'Tea',
productivity: '15',
quantity: '10',
},
{

product: 'fruits',
productivity: '15',
quantity: '11',
},
];
order.map(async(item)=> {
await addDoc(collection(db, 'users', storeAuth.user.id, 'clients', clientsid, 'orders'), {
product: item.product,
productivity: item.productivity,
quantity: item.quantity,
productionTime: item.quantity / item.productivity
})
})