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内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
您可能感兴趣
- vue全局配置文件env(vue项目多环境配置.env的实现)
- vue验证码怎么用(vue验证码组件使用方法详解)
- vuecli配置环境变量(Vue CLI中模式与环境变量的深入详解)
- vue-cli请求数据的方式(vue-cli配置使用Vuex的全过程记录)
- 详解Vue3中Teleport的使用(详解Vue3中Teleport的使用)
- vue 富文本图片上传(vue.js云存储实现图片上传功能)
- vue移动端图片放大效果实现(vue实现图片切换效果)
- vue左侧边栏的制作(Vue+Vant实现顶部搜索栏)
- vue跨域代理怎么写(解决vue $http的get和post请求跨域问题)
- vue子视图里再加routerview(vue router-view的嵌套显示实现)
- vue组件开发步骤(解析如何自动化生成vue组件文档)
- vue实现图片上传数据库(vue.js根据图片url进行图片下载)
- vue 路由的两种模式(Vue3使用路由VueRouter4的简单示例)
- vuefor指令使用教程(Vue必学知识点之forEach的使用)
- vue获取图片并展示(vue卡片式点击切换图片组件使用详解)
- vue路由跳转的方法(Vue路由监听实现同页面动态加载的示例)
- 2021款起亚霸锐到店了 更换车标,竞争宝马X5有戏吗(2021款起亚霸锐到店了)
- 新款起亚霸锐实拍,比普拉多气派,配3.0T V6,引入国内或许能大卖(新款起亚霸锐实拍)
- ()
- 张勇 阿里新任掌门人(阿里新任掌门人)
- 毛戈平全国第一柜花落银泰 高端国货迎来 高光 时刻(毛戈平全国第一柜花落银泰)
- 14岁丧父 20岁丧母,从苦难走向辉煌的银泰创始人沈国军(14岁丧父20岁丧母从苦难走向辉煌的银泰创始人沈国军)
热门推荐
- 阿里云服务器扩容了怎么恢复(一条命令解决阿里云服务器系统盘空间不足问题)
- dockertomcat运行参数设置(Docker Tomcat为何看不到访问界面)
- dedecms注册怎么给权限(织梦DedeCms系统未审核文档禁止动态浏览修改方法view.php)
- python最简单实例(Python文件打开方式实例详解a、a+、r+、w+区别)
- 修改宝塔nginx端口(解决宝塔面板nginx/apache防火墙后无法启动)
- php 处理html表单(PHP使用HTML5 FormData对象提交表单操作示例)
- mysql8.0.23.0官方安装手册(MySQL8.0.23安装超详细教程)
- vue3 动态生成组件(如何在vue3.0+中使用tinymce及实现多图上传文件上传公式编辑功能)
- mysql千万级别数据查询优化(mysql千万级数据量根据索引优化查询速度的实现)
- 移动端touch事件
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9