Nuxt.js 框架实战：错误处理、字典翻译与布局配置

        // 字典翻译
      selectDictLabel(datas, value, k = 'value', v = 'name') {
        var actions = []
        Object.keys(datas).some(key => {
          if (datas[key][k] == '' + value) {
            actions.push(datas[key][v])
            return true
          }
        })
        return actions.join('')
      },

           <el-table-column label="信息" min-width="170">
              <template slot-scope="{ row }">
                <el-popover
                  placement="top-start"
                  width="100"
                  trigger="hover"
                >
                  <div v-for="item in row.batteryList" :key="item.id">
                    {{ dictArrStr.BATTERY_TYPE_str }}
                      {{ item.num }}
                 </div>
                <el-button size="small" type="text" slot="reference">{{ row.num || '-' }}</el-button>
                </el-popover>
              </template>
            </el-table-column>

data() {
    return {
      dictArr: {
        BATTERY_TYPE: [], // 类型
        TRADE_STATUS_RECOVERY:[],
      },
      dictArrStr: {
        BATTERY_TYPE_str: '', // 类型翻译
        TRADE_STATUS_RECOVERY_str: '',
      }
    }
  },

    _loadData() {
      // 调用字典列表接口
      this.getDictData('TRADE_STATUS_RECOVERY,BATTERY_TYPE')
    },
    getDictData(discts) {
      // 获取字典列表接口
      Portal.dictTypes(discts).then((resp) => {
        this.dictArr = resp.data
        this.dictArrStr.BATTERY_TYPE_str = this.methods.selectDictLabel(this.dictArr.BATTERY_TYPE, row.batteryType)
      })
    },

evalbuy: [
    {
      "entity": {
        "id": 1,
        "parentMenuId": 0,
        "name": "/A/A1", // 路由地址
        "icon": "el-icon-rank",
        "alias": "菜单名称",
        "state": "ENABLE",
        "sort": 2,
        "value": null,
        "type": "NONE",
        "discription": "",
        "createUserId": 1
      },
      "childs": null
    },
}

data() {
    return {
      modulesName: "名字",
      moduleMenu: "evalbuy"     // centerMenu.js文件里面找到这个关键字段，渲染菜单
    }
  }

activeMenu() {
        // 其他不在左侧显示的路由菜单，但是跳转后的页面，在左侧想要有一个对应菜单高亮选中显示。
     if (this.$route.path.includes('/center/evalsell/initiateRecyclepic')) {
        this.active = '/center/evalsell/initiateRecycle' // 高亮菜单
      } else if (this.$route.path.includes('/center/evalsell/initiateTradepic')) {
        this.active = '/center/evalsell/initiateTrade' // 高亮菜单
      } else {
        this.active = this.$route.path // 刷新页面显示高光选中
      }
    },

<i class="iconfont icon-caidanshouqi"></i>