一：应用场景

在回显下拉框的时候已经查询了所有的信息，为了避免再根据下拉框选中获取的id在重新查找一次数据。

二：回显代码部分

          <el-form-item label="测试源" prop="topName">
            <el-select
              v-model="testForm.dsId"
              class="filter-item"
              placeholder="请选择测试源名称"
              style="width:100%"
              @change="changeTest"
            >
              <el-option
                v-for="item in testOptions"
                :label="item.name"
                :key="item.id"
                :value="item.name"/>
            </el-select>

其中的testOptions是我们查询出来的下拉框展示的信息。

三：方法实现部分

    changeTest(name) {
      let obj = {};
      obj = this.testOptions.find((item) => { // 这里的testOptions就是上面遍历的测试源
        return item.name === name;// 筛选出匹配数据
      });
      console.log('全部数据', obj)
    }

补充一下方法中的name参数与遍历时:value后面的参数一致即可
上文中的obj就是我们获取到的选中记录的全部信息，如果需要什么可以直接获取。