vue新增白名单,下拉菜单单选.如何确定选中哪一个,并传一个value和key

最新推荐文章于 2024-04-25 14:40:02 发布
最新推荐文章于 2024-04-25 14:40:02 发布
阅读量238 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gxh0816/article/details/120849950
版权

在这里插入图片描述
这里需要实现一个新增白名单的效果,但是下拉菜单我们选择后需要传一个type,type:0为白名单,1为灰名单,2为黑名单.如何给每一个option一个值呢
在这里插入图片描述
显然这种方法是不可行的.
正确的写法是:
在这里插入图片描述
在这里插入图片描述
后面发现其实这个就是element-ui里面的Select 选择器这个组件
在这里插入图片描述

爱前端的小周同学
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue判断是否被选中_VUE通过路由来判断选中状态
weixin_39796363的博客
12-19 1220
路由配置如下路由.png/main是一个非登录的首页，主要功能就是有四个菜单选项，点击进入相应的子页面，main页面.png这些子页面都有共同的头部和侧边栏，所以归类到/home这个路由下，main.js需要配置一下项目一打开进入的是/main页面home.jpgrouter.beforeEach((to, from, next) => {if (to.path === '/') {next...
vue提交select下拉框选中的值
前端视听
08-16 722
写在前面的而一些啰嗦的话: vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。 Star指数：69.7k Github 地址：https://github.com/PanJiaChen/vue-element-admin Demo体验：https://panjiachen.github.io/vue-element-admin/#/dashboard 官方文档：https://panjiachen.github.io/vue-element-admin
若依Vue框架前端实现通配符免登录
最新发布
qq_40127376的博客
04-25 354
permission.js 白名单 位置修改为。permission.js 全部代码。
vue下拉框传值问题
weixin_49092494的博客
10-26 729
<!-- 租车车型--> <div class="layui-form-item"> <label class="layui-form-label"> <span class="x-red">*</span>租车车型 </label> ..
Vue Element 单选框，获取当前选中项的名称
li_dian_jin的博客
12-28 1032
Vue Element 单选框，获取当前选中项的名称
vue中使用局部过滤器（管道符，通配符）
陆仁丶的博客
07-29 692
废话不多说直接上代码 页面调用 <el-table :data="tableData|code(that)" :height="Height" border v-loading="loading" highlight-current-row :header-cell-style="{background:'#
详解Vue用自定义指令完成一个下拉菜单（select组件）
11-27
这次分享的是关于Vue自定义指令的使用方法，学习完基础后我们再来实战完成一个下拉列表，废话不多说，直接上干货 基本用法 //全局注册 Vue.directive('my-directive', { // 指令选项 }) // 局部注册 var app = ...
vue.global.js，Vue.js 框架的核心文件之一
08-11
`vue.global.js` 文件是 Vue.js 框架的核心文件之一。它包含了 Vue.js 全局对象的定义和一些全局方法和属性的实现。 该文件对整个 Vue.js 应用的运行起着重要的作用，它提供了全局范围的 Vue 构造函数和一些全局...
一个基于Vue2后台管理系统demo无限级菜单下拉树形选择框
08-09
一个基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 无限级菜单，下拉树形选择框
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
10-18
通过本文给您演示一下如何有效地使用递归组件，我将通过建立一个可扩展/收缩的树形菜单的来一步步进行。下面通过本文给大家分享用 Vue.js 递归组件实现可折叠的树形菜单，需要的朋友参考下吧
案例说明：vue中Element UI下拉列表el-option中的key、value、label含义各是什么
m0_56991207的博客
07-08 1万+
Element UI下拉列表el-option中的key、value、label含义 前端展示： 而我们注册用户信息之后，选择了第四个选项‘西安’，此时数据库中新增的zhangsan信息中，city显示的是‘选项四’，而不是西安。 这是因为：我们在前端代码中将value值写做‘选项X’，此时我们将前端代码中options中做修改： 重新注册wangwu的信息，并选择第四项‘西安’，此时数据库中新增user信息：wangwu的city为‘西安’ 总结:.........
vue中el-select将选中的值传递到需要的位置
qq_43532275的博客
03-28 5131
方法一 <el-form-item label="选择员工"> <el-select v-model="deptPersonValue" @change="changeDeptValue"> <el-option v-for="item in employeeList" :key="item.employeeId" :label="item.name" :value...
vue+elementUi下拉菜单数据选定后传递参数
weixin_42074004的博客
08-05 877
vue+elementUi下拉菜单数据选定后传递参数
Vue 使用 elementUI 表单中下拉框和单选按钮传值和回显问题
桂秋拾貳
07-17 4324
Vue 使用 ElementUI 表单中下拉框和单选按钮传值和回显问题
vue项目路由配置（前置导航守卫+白名单）
热门推荐
qq_29630875的博客
07-20 1万+
vue项目路由配置（导航守卫+白名单）vue Router导航守卫router目录结构具体实现代码router.jsconstRouter.jsindex.js总结 vue Router Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询...
若依不同角色登录后跳转到不同的页面
半兽先生的博客
07-21 1480
找到src下的permission.js。
vue中如何通过设置白名单来实现拦截其他的页面_vue中路由拦截无限循环的情况...
weixin_42306688的博客
02-03 1722
如下图，浏览器报出这个错误这是因为路由守卫在拦截路由的时候，找不到跳转的地址，引起了无限循环。在设置路由拦截的时候当指向另一个地址的时候还会触发一次路由拦截，既每次地址栏的变化都会触发一次路由拦截，在没有token值的时候会一直向404跳转，所以会出现无限循环的情况需要在进行跳转的时候有一个满足跳转条件的来阻止跳转带来的路由拦截下面是一段完整的路由拦截代码router.beforeEach ((t...
vue element-ui e-select 下拉框向后台同时传value和label值 （不用find函数，直接拿选中对象）
龙丨行的博客
07-12 1万+
vue element-ui e-select 下拉框向后台同时传value和label值 value-key
使用springboot和vue写一个下拉菜单读取数据库的程序
03-08
好的，这个问题我可以回答。您可以使用Spring Boot...然后，您可以使用Vue.js来创建一个下拉菜单，并使用Axios库从REST API中获取数据。最后，您可以将Vue.js组件嵌入到您的HTML页面中。希望这可以帮助您开始编写程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值