vue深拷贝浅拷贝的用法

Question

成功新增一条数据，下拉框的值就会少一条，编辑回显的时候，下拉框就会显示id（因为这条数据已经没有了），
有什么办法可以编辑的时候，下拉框的数据还是之前的，只有新增的时候下拉框的值才是最新的。

 <el-form-item label="Buyer:" required>
                            <el-select v-model="buyerId" placeholder="-Select-" style="width: 300px !important;"
                                clearable filterable>
                                <el-option v-for="item in BuyerList" :key="item.buyerId" :label="item.buyerName"
                                    :value="item.buyerId" />
                            </el-select>
                        </el-form-item>

 onMounted(async () => {
 let res: any = await getBuyerList('')
        if (res.code == 200) {
            BuyerList.value = res.data
            // editBuyerList.value = Object.assign([], BuyerList.value)
        }
  })

Answer 1

记录一下buyerName和buyerId, 编辑的时候把这条数据push到下拉列表里