Am încercat să setup un buton care schimbă o valoare de date în Vue dar au, de asemenea, setat folosind localStorage destinată inițial. În acest fel pot să-l păstrați în stare anterioară în care era înainte o pagina de reîmprospătare. Mai jos este codul pe care îl folosesc și eu sunt în măsură pentru a face să funcționeze, dar știu că ar fi preferabil să se utilizeze calculat sectiunea dar nu am fost capabil de a obține că pentru a funcționa corect.
Ar sti cineva ce se întâmplă greșit?
Butonul meu este declanșat, folosind metoda de testare și variabila în cauză este 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'));
}
},
}