<el-form-item label="一级审核人员工号" prop="firstStaffNumber"> <el-select v-model="form.firstStaffNumber" clear placeholder="请选择"> <el-option v-for="item in staffNumber" :key="item.number" :label="item.staffName" :value="item.number"> </el-option> </el-select> </el-form-item>下拉框选中的值前端无法显现
时间: 2024-02-11 19:05:40 浏览: 140
18.(vue3.x+vite)组件间通信方式之v-model.rar
这个问题可能是由于你的表单绑定的数据没有及时更新导致的。可以尝试在 `el-select` 标签上加上 `@change` 事件,在选中值时手动更新绑定的数据。例如:
```
<el-select v-model="form.firstStaffNumber" clear placeholder="请选择" @change="updateValue">
<el-option v-for="item in staffNumber" :key="item.number" :label="item.staffName" :value="item.number">
</el-option>
</el-select>
```
然后在 Vue 实例中添加 `updateValue` 方法:
```
methods: {
updateValue() {
this.$nextTick(() => {
this.form.firstStaffNumber = this.form.firstStaffNumber;
});
}
}
```
这样就可以保证选中的值能够正确地显示在前端了。
阅读全文