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

烟火的降落

已于 2023-11-28 14:11:06 修改

阅读量1k

点赞数 7

文章标签：前端

于 2023-11-28 11:28:23 首次发布

本文链接：https://blog.csdn.net/Frank_colo/article/details/134663524

版权

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

用插槽拿到数据

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

const { proxy } = getCurrentInstance();
// 字典-指标类型
const { index_type } = proxy.useDict("index_type");

// 写方法处理指标类型的显示-注意：如果这个函数最后返回的是undefined,undefined在模板上是不显示的
const handleIndexType = (data) => {
  return index_type.value.find((item) => {
    return item.value === data;
  })?.label;
};