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

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

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

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>

这才是正确写法