在 Firestore 中添加新文檔時出現問題

Question

我在 Firestore 中有一個收藏：
集合（模型）->文檔（風扇）->集合（資產）

我想向集合中添加一個新文檔（資產）

這是 HTML 代碼：

<form>
 <input type="text" id="asset_id" />
 <button type="submit" id="submit">Submit</button>
</form>

Javascript 代碼：

const assets = firestore.collection("Models").doc("Fan").collection("Assets");

document.querySelector('#submit').addEventListener('click', () => {
var asset_id = document.getElementById("asset_id").value;
 addAsset(asset_id);
});

const addAsset = asset => {
    assets.add({asset_type: asset});
};

但是代碼不起作用，並且沒有任何內容添加到集合中

Answer 1

通過將submit類型分配給您的按鈕，您的表單在 Firebase 方法被觸發之前提交。

將類型更改為button ，如下所示，應該可以解決問題：

<form>
 <input type="text" id="asset_id" />
 <button type="button" id="submit">Submit</button>
</form>

---

有關詳細信息，請參閱W3 規范。