Tengo un problema en el que puedo conectar mi colección de base de datos de Firebase "Agriculturas", pero no puedo conectarme con la colección "Administradores". Estos son algunos de mis códigos en mi archivo de firebase.

 // Initialize Firebase const app = initializeApp(firebaseConfig); const db = getFirestore(app); const AgriColRef = collection(db, "Agricultures"); export const AdminColRef = collection(db, "Admins"); export default AgriColRef;

Sin embargo, volvió con el error.

 [Vue warn]: Property "fname" was accessed during render but is not defined on instance. at <AddAdmin onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< null > > at <RouterView> at <App>

incluso para los demás atributos.

Aquí está el código en el archivo AddAdmin

 <script> import { AdminColRef } from '../firebase'; import { addDoc } from 'firebase/firestore' export default { dataAdmin(){ return { fname:null, lnama:null, workerno:null, }; }, methods: { async createAdmin() { console.log("Create"); const addedDoc = await addDoc(AdminColRef, this.$dataAdmin); console.log(addedDoc); } } }; </script>

El siguiente está en el enrutador.

 import AddAdmin from '../components/admin/AddAdmin.vue' const routes = [{ path: '/add-admin', name: 'addAdmin', component: AddAdmin }] const router = createRouter({ history: createWebHistory(process.env.BASE_URL), routes }) export default router

Y en el archivo de la aplicación

 <nav> <router-link to="/add-admin">Add Admin</router-link> </nav>