Tengo un problema de recarga de página.
Cuando guardo en Vscode, funciona correctamente en mi página html, pero cuando actualizo la página, mis datos no están definidos.
Los datos en la tienda funcionan bien, sin embargo, es solo en el perfil de vista que no funciona solo después de recargar mi página.
Si tienes alguna sugerencia, soy un tomador, ya no sé qué hacer.
views/Profil: <div class="input-group mb-3"> <span class="input-group-text" id="form-lastName">Nom :</span> <input type="text" class="form-control" aria-label="Username" v-model="lastName" ref="string" /> </div> <div class="input-group mb-3"> <span class="input-group-text" id="form-firstName">Prénom :</span> <input type="text" class="form-control" aria-label="Username" v-model="firstName" ref="string" /> </div> ---------- export default { name: "ProfilC", data: function () { return { lastName: "", firstName: "", selectedFile: "", }; }, components: { NavbarC, }, mounted: function () { this.lastName = this.$store.state.userInfos.user_lastName; this.firstName = this.$store.state.userInfos.user_firstName; ---------- sotre/index.js const store = createStore({ state: { status: '', user: user, userInfos: { nom: '', prenom: '', email: '', image: '', }, dataArticles: [], dataComments: [], articleInfos: { message: '', image: '', }, comments: [], }, mutations: { userInfos: function (state, userInfos) { state.userInfos = userInfos; }, },
Veo que estás usando vuex, ¿instalaste vuex persisted-state se guardan los datos en la recarga de la página?