J'essaye de configurer un bouton qui modifie une valeur de données dans la Vue mais aussi l'avoir définie à l'aide de localStorage initally. De cette façon, je peux l'avoir à garder le précédent état où il était avant d'un rafraichissement de la page. Ci-dessous le code que j'utilise et je suis capable de le faire fonctionner, mais savoir qu'il serait préférable d'utiliser le résultat de la section, mais qui n'ont pas été en mesure d'obtenir que cela fonctionne correctement.
Quelqu'un aurait-il savoir ce qui ne va pas?
Mon bouton est déclenché à l'aide de la méthode d'essai et la variable en question est isGrid.
export default {
data() {
return {
option: 'default',
}
},
components: {
FileUploader,
},
mixins: [
visibilitiesMixin,
settingsMixin
],
props: {
vehicleId: {
type: Number,
required: true,
default: null,
}
},
computed: {
...mapState([
'isLoading',
'images',
'fallbackImageChecks',
'selectedImages'
]),
isGrid: {
get() {
return localStorage.getItem('isGrid');
},
},
imagesVModel: {
get() {
return this.images;
},
set(images) {
this.setImages(images);
}
},
selectedImagesVModel: {
get() {
return this.selectedImages;
},
set(images) {
this.setSelectedImages(images);
}
},
removeBgEnabled() {
return this.setting('nexus_integration_removebg_enabled') === 'enabled';
},
},
mounted() {
this.loadImages(this.vehicleId);
},
methods: {
testing() {
if (this.isGrid === 'false' || this.isGrid === false) {
localStorage.setItem('isGrid', true);
this.isGrid = true;
console.log(this.isGrid);
console.log(localStorage.getItem('isGrid'));
} else {
localStorage.setItem('isGrid', false);
this.isGrid = false;
console.log('b');
console.log(this.isGrid);
console.log(localStorage.getItem('isGrid'));
}
},
}