我正在努力使用 vue 和 firebase 编辑单个项目。我的编辑页面 url 接收项目的 id。所以我想要的是从firebase加载这个单项。编辑它并将其保存回firebase。
我使用 vue 版本 2 和 vuefire。
我一直在从 firebase 加载单个项目并以表格形式显示它。
这是我到目前为止所得到的:
<template>
<div>
<h1>Item: {{ item.name }}</h1>
<label>Name</label>
<input type="text" value="" name="hive-name"/>
</div>
</template>
<script>
import { db } from '../firebase';
export default {
data() {
return {
id: this.$route.params.id,
item: {},
}
},
firebase() {
return {
items: db.ref('items'),
item: db.ref('items/' + this.id),
}
},
methods: {
updateitem() {
this.$firebaseRefs.item.push(this.item);
},
},
}
</script>