when the landlord refreshes the page, he should take it from localstorage . Otherwise,

1, which cannot be obtained from vuex , the data of vuex is stored in memory, not persistent. When the browser refreshes, the page is re-rendered, and the data of vuex is initialized to the default state.
2. When the page is refreshed, the value of slide needs to be set again in the corresponding life cycle of the nuxt, so that the update will be triggered.

when the page is refreshed, the state in vuex is initialized. If it exists in the localStorage, then the landlord prints out the page.side to have a look. It is estimated that there is a problem with the storage

state side

//statesidelocalStorage
side:() => {
    return localStorage.side || ''
}

mutations set side

set_side(state, side) {
    state.side = side
    localStorage.side = side//sidelocalStoragelocalStorage
}

use

import { mapGetters,mapMutations } from vuex
computed: {
    ...mapGetters(['side'])
},
methods: {
    ...mapMutations['set_side']
},
beforeRouteUpdate(to, from, next) {
  this.set_side(3)
  next()
},
mounted(){
    this.set_side(3)
},