前端已经接收到后端数据，但在页面上有时显示有时不显示

前端已经接收到后端数据，但在页面上有时显示有时不显示

页面下拉选择框选择不同属性，下拉框列表会进行动态变化，选中后括号内记录数应该是一样的。
这是有时显示的状态，是正常的

img


但有时会出现以下状态

img

控制台打印数据显示前端已经获取到了数据

img

点击下拉框显示出来其实当前页面已经获取到这条数据了 但是页面没有回显

img

前端vue框架 使用attvaluearr接受后端数据 

for="val in attvaluearr" :key="val.Attcode">
                          if="item.AttName == val.AttName"
                            :key="val.Attcode"
                            :label="val.AttValue + '(' + val.AttItemCnt + ')'"
                            :value="item.AttCode + ',' + val.AttValue"
                          />
                        



const { data } = await getCategoryDetails(obj);
      const results = data;
      this.attvaluearr = results;
      console.log("this.attvaluearr", this.attvaluearr);

有没有哪位知道是哪里的问题，会不会是缓存的问题，毕竟有时是正常的，

你看下你再次传入值的时候，是不是直接push而没有清除旧数据


<el-select v-model="value" class="m-2" placeholder="Select" size="large">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    />
  </el-select>

这才是正确写法