select的双向绑定

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前的冒号去掉。则可显示自动绑定;
Alt

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值