vue下不同组件在其他元素div为绝对postion情况下进行侧边栏进行collapse变动情况处理

利用vuex中state数据动态绑定style数据 

调用mutations配合collapse进行div属性变换达到动态变换 没用actions倒是

组件里：

<div class="center_box" :style="{'left':this.$store.state.left_center_box+'%'}">

 

store.js：

state:{

        isCollapse:true,

        left_center_box:20,

    },

    mutations:{

        toggleCollapse(state){

            state.isCollapse=!state.isCollapse;

            if(state.isCollapse==false){

                state.left_center_box=25;

            }else{

                state.left_center_box=20;

            }

        }

    },