VUE-011-通过 v-if 和 v-for 实现特定值的列表循环匹配,并显示满足匹配条件的值
2023-09-11 14:18:59 时间
前端页面开发过程中,经常遇到服务端返回的数据中,存在一些需要转义的表单项。比如,员工信息中的学历,假设研究生学历的代码是101(或10001),则数据库中对应字段存放的是 101(或10001),而非 “研究生”。示例,学历的配置项如下所示:
系统主键 | 父级编码 | 学历代码 | 学历名称 | 备注 | 创建人 | 创建时间 |
10001 | 10 | 101 | 研究生 | 范丰平 | 2018-10-02 12:00:00 | |
10002 | 10 | 102 | 本科 | 范丰平 | 2018-10-02 12:00:00 | |
10003 | 10 | 103 | 大专 | 范丰平 | 2018-10-02 12:00:00 |
通过上述的代码,在表单展示的时候,即可实现学历显示的转义。
相关文章
- (尚049)Vue_源码分析_数据代理_效果+(尚050)Vue_源码分析_数据代理_效果_debug+(尚051)Vue_源码分析_数据代理_分析
- Vue - 实现信纸输入写作,类似写明信片时的一张背景图片 + 横格纸效果(信纸格子与文字自动对齐、支持自定义背景图、文字或横线大小与颜色,一切由您 DIY 自定义样式)纯CSS完成支持任何vue项目
- Vue - 实现获取手机验证码倒计时 60 秒(手机号+验证码登录功能)
- Vue - 完美解决小数的四则运算(加减乘除)导致精度丢失问题,提供详细计算示例代码vue数据计算丢失精度
- Vue - 根据输入关键字过滤数组列表(列表搜索功能)
- Vue项目修改浏览器滚动条样式
- vue screenfull使用问题
- vue插件
- vue路由懒加载
- Vue 混入(mixin)详细介绍(可复用性、全局混入)
- vue---定时循环setInterval
- Vue评论案例--数据存放本地---联系子组件调用父组件方法(子组件点击发表-调用父组件更新评论列表)
- 使用webpack+vue.js构建前端工程化
- vue报错 ERR_OSSL_EVP_UNSUPPORTED
- vue学习笔记十:Jquery VS Vue之页面动画明细对照
- vue基础 Vue.extend
- Vue之双向数据绑定
- Vue实战第1章:学习和使用vue-router
- vue中循环table表格数据,可编辑的列表(新增、删除、修改)
- 如何使用@vue/cli 3.0在npm上创建,发布和使用你自己的Vue.js组件库
- Django+Vue项目学习第九篇:vue项目部署到服务器
- flask+vue:创建一个数据列表并实现简单的查询功能(三)
- 登录密码加密vue版(转载)
- spring boot + vue + element-ui全栈开发入门——前端列表页面开发
- vue app外卖(5) 使用swiper 进行图片轮播
- Vue-全局过滤器以及进阶操作