vue的select下拉框value和label的双向绑定
欢迎!!!!!!!!!!!!!## 标题
首先是情景再现,当我们的数据库保存的是数字等时,页面如果是下拉框给客户是看不懂的。所有在前段就需要做一些转化。讲一些看不懂的东西表示成看懂的东西。
// 性别是男女为例
<el-select v-model="student.sex" placeholder="请选择性别">
<el-option label="男" :value="0"> </el-option>
<el-option label="女" :value="1"> </el-option>
</el-select>
此处的一个坑是你在数据库存储的是什么类型,如果是int型,恭喜你对了。但是如果是String类型的,请 :value前的冒号去掉。则可显示自动绑定;