avue實現數據庫字段在前端動態轉換成中文

方式一：  使用字典值

 

獲取字典值配置：

　　

export const DIC = {
    SysDictDetailUrl: '訪問你字典值的接口地址',
  // SysDictDetailUrl: '/admin-v3/dictDetail/list',  
    SysDictDetailProps: {
        label: 'label',
        value: 'value'
    },
}

 

 

tableOption中配置

import { DIC } from '@/const/dic';
//引入上述配置的js
列配置

{
  label: $i18n('basic.toolList.locationStatus'),
  prop: 'locationStatus',
  align: 'left',
  overHidden: true,
  dicUrl: DIC.SysDictDetailUrl,
  dicQuery: {
    code: 'TOOL_LOCATION'
  },
  props: DIC.SysDictDetailProps
},

  方式二：就是利用solt插槽 true可以自定義

　　然后使用方法，在方法中一一匹配字典中的值