北京网站设计浩森宇特,360关键词指数查询,建筑网站视频大全,什么叫网站外链简言
有的时候#xff0c;我们想在vue模板中直接使用枚举类型的值#xff0c;来做一些判断。
ts枚举
枚举允许开发人员定义一组命名常量。使用枚举可以更容易地记录意图#xff0c;或创建一组不同的情况。TypeScript 提供了基于数字和字符串的枚举。 枚举的定义这里不说了…简言
有的时候我们想在vue模板中直接使用枚举类型的值来做一些判断。
ts枚举
枚举允许开发人员定义一组命名常量。使用枚举可以更容易地记录意图或创建一组不同的情况。TypeScript 提供了基于数字和字符串的枚举。 枚举的定义这里不说了都知道是使用enum关键词创建的用来表示一组不同值的数据。 例如一个审核状态有审核中、审核失败、审核成功等状态这个使用就可以使用枚举来表示这些审核状态。
enum Status {pending, // 等待 0fail, // 失败 1success, //成功 2
}ts文件中使用
在ts文件中我们可以使用这个枚举类型可以当作类型来约束其他变量也可以直接调用枚举中的某项值来使用。
enum Status {pending, // 等待 0fail, // 失败 1success, //成功 2
}
const status:Status 0if(status Status.fail){
console.log(fail)
}vue模板文件中使用
vue文件模板中不能像ts中那样直接使用枚举你需要将枚举类型赋值到vue文件的data里面。 使用一个响应式变量转接之后我们打印下就会发现这个变量的值 这样我们使用这个响应式变量就能达到和枚举相同的结果。 如果你使用的是组合式带setup的就不需要这样可以直接在模板中使用枚举类型 结语
结束了。