element-ui select下拉框默认值的问题

Question

如图 我最后要上传的内容是 modifyForm 获取的roleId 为数字 对应roleName为中文(例如:1-管理 2-经理 3-员工) ,
希望 在下拉框中显示 中文 但是 modifyForm上传是又是以数字的形式上传,
求教该怎么写呀 研究了好久

Answer 1

<el-form-item label="是否复杂" class="fix-item" prop="name" v-if="path==='/new'">

<el-select v-model="form.complex" placeholder="请选择是否复杂查询">
  <el-option label="否" :value="0"></el-option>
  <el-option label="是" :value="1"></el-option>
</el-select>

</el-form-item>
option 的value要动态绑定
然后js的data中定义 默认值即可
form: {

 complex: 1

}

Answer 2

现在这样应该就是好的呀。 modifyForm.roleId 已经是id了啊。

Answer 3

在data中赋值
对el-select v-model中的赋于值option中对应value的值就可以了

https://jsfiddle.net/oonnnoo/...