vue+elementui实现下拉框及页面刷下

vue+elementui实现下拉框及页面刷下

1、应用场景：首页是一幅地图，地图中有相应的地址，点击相应的地址会跳转到相应的页面

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200909225727248.png#pic_center![在这里插入图片描述](https://img-blog.csdnimg.cn/20200909231645141.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjU1NDc4Nw==,size_16,color_FFFFFF,t_70#pic_center

详情页按钮点击事件

把code码存储在sessionStorage中，在要展示的页面使用
sessionStrage.getItem()方法去出
2、在顶部导航添加下拉框

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200909230219593.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjU1NDc4Nw==,size_16,color_FFFFFF,t_70#pic_center
下拉框内默认值在mounted()中设置（从sessionStorage中取名字）
this.selectvalue = sessionStorage.getItem(“enterpriseName”);
在下拉框中写@change事件，并且判断当前的code与sessionStorage中的code码是否相等，相等并赋值

3、切换下拉框内容页面进行相应的切换（答案此链接中）
https://segmentfault.com/a/1190000017007631