Sto cercando di configurare un pulsante che cambia il valore dei dati in Vue, ma anche hanno impostato utilizzando localStorage inizialmente. In questo modo posso avere conservare il precedente stato prima un refresh di pagina. Di seguito è il codice che sto usando e sono in grado di farlo funzionare, ma so che sarebbe preferibile utilizzare il calcolate sezione, ma non sono stati in grado di ottenere che per funzionare correttamente.
Qualcuno sa che cosa sta andando male?
Il mio pulsante è attivato utilizzando il metodo di prova e la variabile in questione è 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'));
}
},
}