在表格中显示字典的内容(根据后端返回的数据)vue3

进入页面,调接口,后端返回数据,indexType为0或者1,要用这个数据显示字典的内容

用插槽拿到数据

写一个函数,在模板中使用

javascript 复制代码
const { proxy } = getCurrentInstance();
// 字典-指标类型
const { index_type } = proxy.useDict("index_type");
javascript 复制代码
// 写方法处理指标类型的显示-注意:如果这个函数最后返回的是undefined,undefined在模板上是不显示的
const handleIndexType = (data) => {
  return index_type.value.find((item) => {
    return item.value === data;
  })?.label;
};
相关推荐
我太想进步了C~~11 小时前
Prompt Design(提示词工程)入门级了解
前端·人工智能·算法
crary,记忆11 小时前
如何理解 React的UI渲染
前端·react.js·ui·前端框架
苏打水com11 小时前
Day1-3 夯实基础:HTML 语义化 + CSS 布局实战(对标职场 “页面结构搭建” 核心需求)
前端·css·html·js
m0_7400437311 小时前
mapState —— Vuex 语法糖
java·前端·javascript·vue.js
哟哟耶耶11 小时前
WebPage-postcss-px-to-viewport前端适配
前端·javascript·postcss
7澄111 小时前
Java Web 底层解析:Servlet 执行流程、Tomcat 工作原理与自定义 Tomcat 实现
java·前端·servlet·tomcat·自定义tomcat·tomcat执行流程·servlet执行流程
拾忆,想起12 小时前
Dubbo延迟加载全解:从延迟暴露到延迟连接的深度优化
前端·微服务·架构·dubbo·safari
IT_陈寒12 小时前
React 18并发渲染实战:这5个性能陷阱让我浪费了整整一周!
前端·人工智能·后端
EB_Coder12 小时前
前端面试题-JavaScript高级篇
前端·javascript·面试
爱吃无爪鱼12 小时前
07-常用的前端开发组合(技术栈):配方大全
前端·vue.js·前端框架·npm·node.js·sass