typescript 枚举类型

枚举类型

枚举类型是为数不多的特有类型之一,它允许开发者定义一组命名常量,这些常量可以是数字或字符串类型。枚举类型提供了一种方式来组织和管理一组相关的值,使得代码更加清晰和易于理解。

  • 数字枚举类型
enum Direction1 {Up = 1, //初始值 1Down, //自增长 2Left, //自增长 3Right, //自增长 4
}
  • 字符串枚举类型
enum Direction2 {Up = 'UP',Down = 'DOWN',Left = 'LEFT',Right = 'RIGHT',
}
  • 使用枚举类型

src目录下新建 enums文件夹 \index.ts

//支付方式枚举
export enum payMethod {Wechat = 0,Alipay = 1,Unionpay = 2,Score = 3,Cash = 4,
}

组件中使用

import { payMethod } from '@/enums';
import { ref } from 'vue';// 这里用做类型
const paymentMethod = ref<payMethod>();//这里用做值
<button @click="paymentMethod(payMethod.Wechat)">微信支付</button>
<button @click="paymentMethod(payMethod.Alipay)">支付宝</button>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/35417.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

1. ansible作用、部署

ansible作用、部署 一、ansible介绍1、ansible特性 二、ansible安装部署1、建议配置ssh免密2、安装ansible3、配置主机清单文件 /etc/ansible/hosts3.1 未分组的写法3.2 分组的写法 4、添加非免密的主机 一、ansible介绍 基于python语言开发的&#xff0c;自动化运维工具 作用…

2024系统分析师考试总结

考试缘由 我自己在毕业不久就考过了中级的软件设计师&#xff0c;这几年换到外企后事情不多&#xff0c;今年初定计划的时候就想着不如考个系统分析师吧。为什么选这个类别呢&#xff1f;按道理我主做程序开发&#xff0c;如果去考系统架构师通过率可能会大一些&#xff0c;但…

【Uniapp微信小程序】图片左右分割/分割线切割图片/图片批量分割线切割

特别说明:本文章因业务组件功能,不完全开放/暂vip可见,有需要者留言找博主! ps:注意!!本效果为图片分割切割!!不是文档切割!!图片仅供参考! 效果图 父组件 / 上传图片页面(index) 写一个上传按钮即可,事件方法: uni.chooseMessageFile({extension: [".j…

kylin v10 系统 rpm安装常见问题

libprofiler.so.0()(64bit) is needed by nginx-1:1.16.1-2.ky10.aarch64 安装gperftools-libs gperftools-libs-2.6.1-1.el7.i686 : Libraries provided by gperftools Repo : base Matched from: Provides : libprofiler.so.0libjpeg-devel 安装libjpeg-turbo-d…

Unity | Shader基础知识(第十六集:简单的全息扫描效果)

目录 一、前言 二、准备模型 三、 场景准备 四、代码准备 五、透明度设置 六、补充介绍 1.Pass语法介绍 2.ColorMask 七、作者的碎碎念 一、前言 这节课的内容是接着弧形边缘光的效果之后做的。 Unity | Shader基础知识(第十四集&#xff1a;简单效果练习)_unity shade…

idea或vscode支持vue语法,ts可解析*.vue

一、ide不能解析vue文件 刚开始导入时&#xff0c;在vscode中的vue文件中内容都是灰色的 ide不能解析vue解决方法&#xff1a; 1.idea或webstorm安装vue.js插件 2.在vscode中 vue2.0的项目安装vetur插件vue3.0及以上的项目安装Vue-official插件&#xff08;之前是Volar&…

PC XMind v24 解锁版安装教程 (全球领先的商业思维导图软件)

前言 XMind 是一款专业的全球领先的商业思维导图软件&#xff0c;在国内使用广泛&#xff0c;拥有强大的功能、包括思维管理、商务演示、与办公软件协同工作等功能。它采用全球先进的Eclipse RCP软件架构&#xff0c;是集思维导图与头脑风暴于一体的可视化思考工具&#xff0c…

mysql GROUP_CONCAT分组连接

文章目录 GROUP_CONCAT 分组连接GROUP_CANCAT 的使用分班级列出名单分班级列出名单并包含显示性别组合IFNULL组合IF组合case when GROUP_CONCAT 分组连接 准备的数据示例 CREATE TABLE students (id int(11) NOT NULL AUTO_INCREMENT,name varchar(20) DEFAULT NULL,classNa…

Rust监控可观测性

可观测性 在监控章节的引言中&#xff0c;我们提到了老板、前端、后端眼中的监控是各不相同的&#xff0c;那么有没有办法将监控模型进行抽象、统一呢&#xff1f; 来简单分析一下&#xff1a; 业务指标实时展示&#xff0c;这是一个指标型的数据( metric )手机 APP 上传的数…

Karabiner-Elements 设置mac键盘

软件下载地址&#xff1a; Karabiner-Elements 修改键盘位置&#xff0c;但是重启后&#xff0c;就消失了。 {"description": "New Rule (change left_shiftcaps_lock to page_down, right_shiftcaps_lock to left_commandmission_control)","manip…

Python下三方库pyttsx3让你的文本读出来(Win10环境)

一、三方库pyttsx3简介&#xff1a; pyttsx3是一个文本到语音转换的Python库&#xff0c;能够跨平台工作在Windows、MacOS和Linux系统上。这个库的一个显著特点是它不依赖于网络连接&#xff0c;因为它使用了系统自带的语音引擎。pyttsx3支持多种语音属性&#xff0c;包括语速…

Android简介-历史、API等级与体系结构

1. Android简介 Android是一种基于Linux内核的自由及开放源代码的操作系统。最初是由安迪鲁宾(Andy Rubin)开发的一款相机操作系统。2005年8月被Google收购。2007年11月&#xff0c;Google与84家硬件制造商、软件开发商及电信营运商组建开放手机联盟共同研发改良Android系统。…

Kylin维度与度量:大数据分析的双剑合璧

Kylin维度与度量&#xff1a;大数据分析的双剑合璧 在大数据分析的浩瀚宇宙中&#xff0c;Apache Kylin作为一颗璀璨的星辰&#xff0c;以其卓越的预计算能力&#xff0c;为数据分析提供了前所未有的速度与效率。Kylin的维度和度量&#xff0c;构成了其多维数据分析的核心&…

【AI原理解析】—决策树原理

目录 一、定义与背景 二、基本组成 三、构建过程&#xff08;以分类问题为例&#xff09; 四、剪枝处理 五、算法与应用 一、定义与背景 决策树是一种基于树形结构的监督学习算法&#xff0c;主要用于分类和回归问题。它通过构建一棵树来模拟人类进行决策的过程&#xff0…

学历优先还是专业优先?高考志愿填报的抉择

学历优先还是专业优先&#xff1f;高考志愿填报的抉择 2024年高考帷幕落下&#xff0c;新一轮的思考与选择悄然来临。对于每一位高考考生&#xff0c;选择学校和专业是开启大学新生活的两个前置必选项。然而&#xff0c;有时候“鱼与熊掌不可兼得”&#xff0c;在分数受限的情…

博途(TIA Portal)自动化工程软件下载安装,TIA Portal V18软件安装包获取

博途&#xff08;TIA Portal&#xff09;不仅仅是一款自动化工程软件&#xff0c;它更是西门子自动化领域的璀璨明珠。 它能够将西门子的所有自动化产品无缝集成在一起&#xff0c;无论是PLC、人机界面&#xff0c;还是伺服系统、马达、变频器、网络组件等&#xff0c;博途都能…

开发中间件的底层原理通常涉及以下几个关键方面:

开发中间件的底层原理通常涉及以下几个关键方面&#xff1a; 1. **抽象化&#xff08;Abstraction&#xff09;**&#xff1a; - 中间件提供一层抽象&#xff0c;以便应用程序可以与底层系统或网络服务交互&#xff0c;而无需了解具体的实现细节。 2. **封装&#xff08;E…

餐饮行业气体泄露风险预警:可燃气体报警器的校准检测策略

在餐饮行业中&#xff0c;使用天然气、液化石油气等可燃气体作为烹饪能源是普遍现象。 然而&#xff0c;气体泄露问题时常威胁着餐饮场所的安全&#xff0c;一旦发生泄露&#xff0c;可能导致火灾、爆炸等严重事故。 因此&#xff0c;为了确保餐饮场所的安全&#xff0c;安装…

Oracle 中 FETCH FIRST ... ROWS WITH TIES子句

在 Oracle 数据库中&#xff0c;FETCH FIRST … ROWS WITH TIES 是一个子句&#xff0c;它用于与 ORDER BY 子句结合&#xff0c;以获取与第一组&#xff08;根据排序条件&#xff09;具有相同排序值的所有行。这通常用于在结果集中包括那些与最前面的几行具有相同排序值的行。…

文生视频模型Sora刷屏的背后的数据支持

前言&#xff1a;近日&#xff0c;OpenAI的首个文生视频模型Sora横空出世&#xff0c;引发了一波Sora热潮。与其相关的概念股连续多日涨停&#xff0c;多家媒体持续跟踪报道&#xff0c;央视也针对Sora进行了报道&#xff0c;称这是第一个真正意义上的视频生成大模型。 01 …