当前位置: 首页 > news >正文

关于实现 Vue 动态数据显示,比如数字 0 或 1 怎么显示为 男 或 女等等的动态显示实现方法

具体 Vue 代码演示:

test.vue 文件演示:

<template>
<!--   方法一    -->
<div>{{ test.data === 0 ? '男' : '女'}}</div><!--   方法二    -->
<div>{{ test.data === 0 ? '男' : ''}}{{ test.data === 1 ? '女' : ''}}{{ test.data === 2 ? 'xxx' : ''}}
</div></template>

以上关于数据 test.data 是数字格式的动态数据显示,有两种实现方法可以实现,方法二的灵活性比较好(比较推荐)


参考链接

1. Vue中动态展示数据的字典项

http://www.lryc.cn/news/157739.html

相关文章:

  • mac制作ssl证书|生成自签名证书,nodejs+express在mac上搭建https+wss(websocket)服务器
  • Unix System V BSD POSIX 究竟是什么?
  • 数据集学习笔记(六):目标检测和图像分割标注软件介绍和使用,并转换成YOLO系列可使用的数据集格式
  • 【高阶数据结构】红黑树 {概念及性质;红黑树的结构;红黑树的实现;红黑树插入操作详细解释;红黑树的验证}
  • 获取对象占用内存
  • mysql UUID 作为主键的问题
  • 2023高教社杯全国大学生数学建模竞赛选题建议
  • 分类预测 | MATLAB实现GRNN广义回归神经网络多特征分类预测
  • 低功耗窗帘电机解决方案成功应用并通过 Matter 1.1 认证
  • 如何修复老照片?老照片修复翻新的方法
  • MySQL:区分大小写
  • 刷题笔记19——优势洗牌和去重保持字典序
  • 星际争霸之小霸王之小蜜蜂(十一)--杀杀杀
  • 腾讯云免费SSL证书申请流程_每年免费50个HTTPS证书
  • C#上位机开发目录
  • 网络通信基础
  • 框架分析(10)-SQLAlchemy
  • Linux/Windows中根据端口号关闭进程及关闭Java进程
  • 基于springboot实现了后台定时统计数据报表并将数据生成excel文件作为附件,然后通过邮件发送通知的功能
  • opencv 提取选中区域内指定hsv颜色的水印
  • 如何理解张量、张量索引、切片、张量维度变换
  • 基于SpringBoot的汽车租赁系统
  • 怎么做手机App测试?app测试详细流程和方法介绍
  • 【计算机网络】网络编程接口 Socket API 解读(1)
  • IGES在线查看与转换
  • 【Vue3-Vite】Vite配置--路径别名配置
  • 道可云元宇宙每日资讯|第二届世界元宇宙大会将在嘉定安亭举行
  • Python for 循环语句
  • iOS脱壳之frida-ios-dump
  • rust中的reborrow和NLL