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

vue+elementui实现下拉框及页面刷下相关推荐

vue elementUI select下拉框设置默认值
关于element select框默认值赋值不成功问题,注意两点: v-model里面的数据和遍历出来value值数据类型不一样.!!!! (例:item.provinces类型是number,pro ...
element-ui select下拉框设置默认值
参考于 carmen_shao的element-ui select下拉框默认值的问题需要把el-select绑定的sPerforIndicator.id 和 el-option中的 :value=& ...
vue html 下拉搜索框,vue实现的下拉框功能示例
本文实例讲述了vue实现的下拉框功能.分享给大家供大家参考,具体如下: www.jb51.net vue下拉框 {{x.name}}{{x.famname}} {{one}} {{oneF}} {{o ...
vue动态生成下拉框_vue+elementui 动态创建下拉框
v-for="(domain, index) in dynamicValidateForm.domains" :label="'站点' + index" :ke ...
elementUi【下拉框】样式修改无效或者无法修改？
先提前做个demo <!DOCTYPE html> <html><head><meta charset="utf-8" />< ...
vue项目获取下拉框选中id_vue获取下拉框值
vue获取下拉框的值,用vue-modle,只有点击下拉框的值才会赋值到下拉框中,初始时下拉框没有数据,而改用$event就不会出现这样的问题,下面看代码以及图解: v-model解决方式: {{it ...
vue+iview4.0 , vue+element实现下拉框可以自定义输入内容
前言: 最近10月的时候 iview4.0 更新了,但是一直在忙也没用到,正好因为要实现一个下拉框里面我要自定义输入内容的效果,element里面是有这个效果,antd里面没有,因为本项目用的ivie ...
vue如何取消下拉框按回车自动下拉_Web自动化测试 | Select下拉框
简介在web自动化测试中,经常会遇到下拉框,对列出的选项进行选择,或者判断选择的选项,本文将介绍如何使用Selenium去操作下拉框,实现自动化测试. 测试页面测试URL:http://sahit ...
Vue之解决下拉框默认选中的是数字key 不是汉字value值
vue select下拉框绑定默认值: 首先option要加value值,以便v-model可以获取到对应选择的值原因 v-model里面的数据和遍历出来value值数据类型不一样. (例:item ...

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

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

vue+elementui实现下拉框及页面刷下相关推荐

最新文章

热门文章