element/el-select 选择器初始值问题

一般在修改的操作中，我们会先把要修改的row对象赋值给我们要传递给后端的data对象中。

handleEdit(index,row){
                    this.parking=row;
                    this.updateFlag=true;
                }

在修改的表单中，如果这样使用选择器：

<el-form-item label="状态" prop="status" required>
    <el-select v-model="parking.status" placeholder="请选择状态">
        <el-option label="已使用" value="1"></el-option>
        <el-option label="未使用" value="0"></el-option>
    </el-select>
</el-form-item>

选择框就会显示所给赋值，而不是具有初始选项：

 这种情况的解决方法是自定义一个列表，填入选择器要用到的value和lable，并用v-for循环，这样可以将选项与被选值绑定：

statusList:[
                    {value:1,
                     type:'已使用'
                    },
                    {value:0,
                     type:'未使用'
                    },
                ]

<el-form-item label="状态" prop="status" required>
    <el-select v-model="parking.status"  placeholder="请选择状态">
        <el-option v-for="(item,index) in statusList" :label="item.type" :value="item.value"></el-option>
        </el-select>
</el-form-item>

这样就可以正确显示了：