动态添加部门和角色列表

TrueAndFalse
49 阅读1分钟

需要达到的目的是新建一个部门,在新建用户的所选部门下拉框上可能会增减内容,但是这个功能又不是经常的事,因为不是天天都增减部门,所以不需要实时刷新

第一步,配置

image.png

2.用vuex管理

请求数据,保存数据

image.png

image.png

image.png

调用

image.png

3.在主页面设置

image.png

其中,这是给下拉框添加内容

image.png

image.png

这是点击后数据会显示在下拉框

image.png

image.png

目前这样已经可以显示,但是有个问题就是如果直接进入这些页面,数据会没数据,但是重其他页面回来后又会有数据

原因是:在执行上面代码时,代码是异步请求,但是会有疑惑我的数据是从vuex里面取出来的吗,vuex里面不应该是响应式的吗,虽然思路是对的,但是vuex有一个前提,vuex被template或者被computed等引用的时候,数据更改会被重新刷新,因为他会被添加到vuex的响应式系统里面,我们这里是重vuex拿到数据后直接存入到配置文件里面,等等数据在改,vuex没有地方执行,setup也是不会重新执行

解决方案是使用computed,把代码放入computed,return配置后的数据,用computed来监听vuex的数据

avatar
文章
阅读
粉丝