는 변수에 변경 버튼 클릭 하지만 처음 설정을 사용하여 로컬 저장소에서 vue

0

질문

를 설정 버튼을 변경하는 데이터 값을 Vue 그러나 또한 그것을 가지고 설정을 사용하여 로컬 저장 초기에는 더. 이 방법은 내가 할 수 있습 유지는 이전의 상태로 전에 페이지를 새로 고칩니다. 아래 코드를 사용하고 나는 그것을 얻을 수 있을지 알고 있는 것이 바람직을 사용하여 계산된 파일을 사용하면 시간을 절지 않을 얻을 수 있는 제대로 작동합니다.

누구나 알고 무엇을 잘못가?

내 버튼을 트리거를 사용하는 테스트 방법 및 변수는 질문에는 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'));
            }
        },
   }
html javascript nuxt.js vue.js
2021-11-24 06:14:17
1

최고의 응답

1

나는 당신이 사용하는 것이 좋 vuexvuex-persistedstate.

https://www.npmjs.com/package/vuex-persistedstate

2021-11-24 06:23:20

나는 사용할 수 없습 persistedstate 습니다. 대한 대안이 있습이 계산되나요?
Arshavin123

다른 언어로

이 페이지는 다른 언어로되어 있습니다

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................