关于el-select 获取选中的值和双向绑定的值的区别
<el-form-item label="学校" prop="SchoolId">`在这里插入代码片`
<el-select
@change="bindSelectChange"
v-model="ruleForm.SchoolId"
placeholder="请选择"
>
<el-option
:label="item.Name"
v-for="item in school"
:key="item.Id"
:value="item.Id"
>
</el-option>
</el-select>
</el-form-item>
bindSelectChange: function (e) {
this.rules.SchoolId = e;
},
select 中v-model 表示双向绑定的值 不代表显示的值 传递的值是option中的value 属性值
在el-option中 :label 表示选中在view上显示上去的值,而value是要传递的值
!!!!!!!所以 如果显示和传表单的值不同
在表单中传递的是value 视图显示的是label
简而言之就是 页面的内容用label 里的值 而传递的值 需要双向绑定是用value。
如果页面的内容和双向绑定的值一样 那么label 不需要写 只需要写value就行