vue3二次封装表单,异步请求获取selectOptions的值,但下拉选项未更新?

这里通过父组件传的选项
image.png

<a-select
                    v-model:value="formData[item.key]"
                    :placeholder="item.placeholder || `请选择${item.label}`"
                    allow-clear
                    :filter-option="filterOption"
                    v-bind="item.otherOptions"
                    @change="item.change"
                  >
                    <template v-if="isRef(item.options)">
                      <template v-if="isArray(item.options.value)">
                        <a-select-option
                          v-for="option in item.options.value"
                          :key="option.value"
                          :value="option.value"
                          >{{ option.label }}</a-select-option
                        >
                      </template>
                      <template v-else>
                        <a-select-option
                          v-for="(value, key) in item.options.value"
                          :key="key"
                          :value="key"
                          >{{ value }}</a-select-option
                        >
                      </template>
                    </template>
                    <template v-else>
                      <template v-if="isArray(item.options)">
                        <a-select-option
                          v-for="option in item.options"
                          :key="option.value"
                          :value="option.value"
                          >{{ option.label }}</a-select-option
                        >
                      </template>
                      <template v-else>
                        <a-select-option
                          v-for="(value, key) in item.options"
                          :key="key"
                          :value="key"
                          >{{ value }}</a-select-option
                        >
                      </template>
                    </template>
                  </a-select>

这里调用的
image.png
这里请求的options的值
image.png
调用接口获取到了值,但是报错了options也没有值
image.png
请问各位大佬有解决方案嘛?谢谢啦。

阅读 3k
2 个回答

classOptions 换成ref 使用classOptions.value 试试;

注:先了解下reactive,直接等于是不会触发的  
新手上路,请多包涵
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题