后端返回字典数据为const dict = [ {code:1,value:'适用对象1'}， {code:2,value:'适用对象2'}， ]，前端如将字典数据做成下拉选项框，如果后端返回code为1，如何在页面上显示适用对象1 ant design vue实现

在Ant Design Vue中，可以使用 `Select` 组件来实现下拉选项框。首先，将后端返回的字典数据保存在前端的一个变量中，例如 `dictOptions`，然后在 `Select` 中通过 `v-for` 循环遍历字典数据，将 `code` 作为 `value`，将 `value` 作为选项显示的文本。具体代码实现如下：

<template>
  <a-select v-model="selectedCode">
    <a-select-option v-for="option in dictOptions" :key="option.code" :value="option.code">
      {{ option.value }}
    </a-select-option>
  </a-select>
</template>

<script>
export default {
  data() {
    return {
      selectedCode: null, // 选中的code值
      dictOptions: [ // 后端返回的字典数据
        { code: 1, value: '适用对象1' },
        { code: 2, value: '适用对象2' },
      ],
    };
  }
};
</script>

当用户选择一个选项后，`selectedCode` 的值会被更新为该选项的 `code` 值，可以通过该值来获取选中的文本。例如，可以通过以下方法获取选中的文本：

const selectedOption = this.dictOptions.find(option => option.code === this.selectedCode);
const selectedText = selectedOption ? selectedOption.value : '';