【VUE】前端传入id却显示id对应的名称

经常遇到修改界面会传入对应id，界面却要显示对应名称的情况，用如下代码可以实现

<el-form-item label="所属产品:" prop="productId">
        <el-select
          v-model="Request.productId"
          :disabled="!isAdd"
          filterable
          placeholder="请选择产品"
          @change="getProject(Request.productId)"
        >
          <el-option
            v-for="item in ProductList"
            :key="item.id"
            :label="item.name"
            :value="item.id"
          />
        </el-select>
      </el-form-item>