备案控制台
开发者社区 开发与运维 文章 正文

vue项目中使用ts的枚举类型

2023-08-26 72
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： vue项目中使用ts的枚举类型

vue项目中要使用ts的枚举类型需要为script标签的lang属性添加ts属性值

<script lang="ts" setup>
</script >

声明枚举类型：

//语法
/*
enum 枚举名称 {
  可能的值
}
*/
enum scenic_status {
  "正常" = 1,
  "审核中",
  "暂停营业",
  "已注销"
}

使用方式：

  <el-tag size="small">
              {{ scenic_status[content.status] }}
</el-tag>

效果展示：

文章标签：
JavaScript
关键词：
vue VUE.js
项目VUE.js
vue项目VUE.js
ts VUE.js
VUE.js项目
.星空.
目录
相关文章
Goodluck-dys
|
2天前
|
存储 JavaScript
Vue当前时间与接口返回时间的判断
Vue当前时间与接口返回时间的判断
Goodluck-dys
7 0
Goodluck-dys
|
2天前
|
JavaScript
vue生成动态表单
vue生成动态表单
Goodluck-dys
6 0
Goodluck-dys
|
2天前
|
JavaScript 前端开发
Vue生成Canvas二维码
Vue生成Canvas二维码
Goodluck-dys
6 0
Goodluck-dys
|
2天前
|
JavaScript
vue项目切换页面白屏的解决方案
vue项目切换页面白屏的解决方案
Goodluck-dys
5 0
Goodluck-dys
|
2天前
|
XML JavaScript 前端开发
Vue3 项目中怎么使用 jsx——易懂
Vue3 项目中怎么使用 jsx——易懂
Goodluck-dys
5 0
Goodluck-dys
|
2天前
|
JavaScript 前端开发 开发者
new Vue() 发生了什么
new Vue() 发生了什么
Goodluck-dys
8 1
Goodluck-dys
|
2天前
|
JavaScript 容器
使用Vue写一个日期选择器
使用Vue写一个日期选择器
Goodluck-dys
9 1
Goodluck-dys
|
2天前
|
JavaScript
Vue 中如何模块化使用 Vuex
Vue 中如何模块化使用 Vuex
Goodluck-dys
5 0
Goodluck-dys
|
2天前
|
JavaScript 应用服务中间件 nginx
vue中404解决方法
vue中404解决方法
Goodluck-dys
3 0
Goodluck-dys
|
2天前
|
JavaScript 前端开发
vue中nextTick使用以及原理
vue中nextTick使用以及原理
Goodluck-dys
5 0