vue elementui侧边栏怎么切换页面(Vue + element实现动态显示后台数据到options的操作方法)
类别:编程学习 浏览量:2140
时间:2021-10-04 01:50:13 vue elementui侧边栏怎么切换页面
Vue + element实现动态显示后台数据到options的操作方法需求:实现selector选择器中选项值options 数据的动态显示,而非写死的数据,我的角色ID数据如下:
现在实现把这些数据请求显示option上
实现如下:使用element-ui中selector 选择器:
<el-form-item label="角色ID:" prop="roleId"> <el-select v-model="addUserForm.roleId" placeholder="请选择角色ID"> <el-option v-for="item in roleList" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item>
在data中自定义一个空数组:
在methods 中写实现数据的请求:
getroleList() { getRoleList(this.name).then(res => { let result = res.data.items; console.log("角色获取列表:" +JSON.stri.jpg" alt="vue elementui侧边栏怎么切换页面(Vue + element实现动态显示后台数据到options的操作方法)" border="0" />
在created 实现显示:
其中getRoleList 是我封装的get请求:
实现结果如下:
到此这篇关于Vue + element实现动态显示后台数据到options的操作方法的文章就介绍到这了,更多相关Vue element动态options内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
您可能感兴趣
- vue2和vue3都如何创建项目(vue3.0+vite2实现动态异步组件懒加载)
- vue路由跳转的方法(Vue路由监听实现同页面动态加载的示例)
- vue 选中背景高亮(vue 如何设置背景颜色及透明度)
- vue项目引入element页面(vue-element-admin项目导入和导出的实现)
- vue 修改后刷新(Vue使用三种方法刷新页面)
- vue如何获取元素(vue第一次获取不到元素的解决方法记录)
- vue子视图里再加routerview(vue router-view的嵌套显示实现)
- vue element 表格上拉加载数据(Vue组件库ElementUI实现表格加载树形数据教程)
- vuetable表格合并(vue-table实现添加和删除)
- vue实现添加购物车小球(Vue实现简易购物车案例)
- vue中的watch属性(vue Watch和Computed的使用总结)
- mongovue的使用
- elementui和vue详解(Vue+Element UI实现概要小弹窗的全过程)
- vue慢动作怎么操作(vue开发之moment的介绍与使用)
- vue react和angular(详解React Angular Vue三大前端技术)
- vue自定义组件修饰符(Vue自定义组件使用事件修饰符的踩坑记录)
- 数字藏品市场有多乱 周杰伦丢了 一只猴 ,损失超300万(数字藏品市场有多乱)
- 这里输入关键词(怎么输入关键词搜索)
- 得这个 难治病 的人太多了,300个人赶到杭州商量怎么办(得这个难治病的人太多了)
- 经度,世界时间腕表的灵魂(世界时间腕表的灵魂)
- 阿里最新财报公布 三季度营收增长3 ,将增加150亿美元回购额度 在美股价小涨(阿里最新财报公布)
- 赵薇时胖时瘦 最近变美少女 原因在这里 躺着就变瘦(赵薇时胖时瘦最近变美)
热门推荐
- linux中dir命令怎么用(Linux sar命令使用方法及代码实例解析)
- python接口自动化接口依赖(python接口自动化十六--参数关联接口后传详解)
- javascript:; 和javascript:void(0);
- python操作pandas(详解Python学习之安装pandas)
- Sql Server 更新锁
- ftp服务器设置好无法访问(登陆FTP服务器feat命令错误的解决方法[登陆后不能得到文件列表的解决办法])
- mysql数据表怎么复制(MySQL 复制表的方法)
- sqlserver存储过程使用变量(浅析SQL Server的嵌套存储过程中使用同名的临时表怪像)
- 上不了网怎么知道错误代码(访问网站出现508状态码的解决方法)
- php 记录的已读状态(PHP使用观察者模式处理异常信息的方法详解)