vue实现响应式改变scss样式

需求:侧边导航栏点击收起,再次点击展开,但是我这个项目的位置是在左侧菜单栏所以需要自定义

效果图:

实现步骤:

1:定义一个变量(因为我这里会存储菜单栏的状态所以需要存储状态,一般普通声明就行了)
 

let filed = ref(Local.get('filed') ? Local.get('filed') : 'end');

2:声明类型为scss并为独立页面的scss