मैं कोशिश कर रहा हूँ सेटअप करने के लिए एक बटन है कि परिवर्तन एक डेटा मूल्य में Vue लेकिन यह भी इसे का उपयोग कर सेट localStorage initally. इस तरह से मैं यह हो सकता है रखने के लिए पिछले राज्य में यह था इससे पहले कि एक पृष्ठ ताज़ा करें । नीचे दिए गए कोड है मैं उपयोग कर रहा हूँ और मैं कर रहा हूँ इसे पाने के लिए काम करने के लिए, लेकिन पता है कि यह बेहतर होगा करने के लिए उपयोग की गणना अनुभाग, लेकिन नहीं किया गया है प्राप्त करने में सक्षम है कि काम करने के लिए ठीक से.
होगा किसी को पता है क्या गलत हो रहा है?
मेरी बटन से शुरू हो रहा है का उपयोग कर परीक्षण विधि और चर में सवाल है 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'));
}
},
}