这里是我记录自己前端代码的一个途径，在写代码时，有一些小问题值得我去记录，所以有大神的话可以一起讨论讨论。
- 使用作用域插槽获取row，在rou中拿到当前数据，将row传下去
- 在methods进行赋值，这里需要注意后台要求的数据类型
<el-table-column label="操作" width="270"> <template #default="{row}"> <!-- <el-button type="primary" @click="delInvitationCodeList(row.id)">删除<i class="el-icon-upload el-icon--right" /></el-button> --> <el-button type="text" @click="editInvitationCodeList(row)">编辑<i class="el-icon-upload el-icon--right" /></el-button> </template> </el-table-column>
这里是获取row，并进行传参，这是表格中的，点击编辑弹出弹窗
<el-form-item label="状态" :label-width="formLabelWidth"> <el-select v-model="editForm.status" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"/> </el-select> </el-form-item>
这里是在弹出框内的数据
下拉框的回显最重要的是将row.status赋值给v-model中的editForm.status
在method中编辑
editInvitationCodeList(row) { this.dialogFormVisible = true // 控制弹窗 this.editForm.status = row.status + '' // 定义的是String，使用row获得的数据类型是number，要转换数据类型 }
这样就可以回显数据了
