vue绑定数字类型 value为数字的实例
直接加:
<el-select v-model='searchData.status' filterable placeholder='请选择' @change='gamefilter' class='mr40'> <el-option label='开启' :value=’0’></el-option> <el-option label='关闭' :value=’1’></el-option> <!-- <el-option label='关闭' :value=’1’> --> </el-select>
补充知识:vue中input,select标签中v-model绑定的值为数字类型情形
背景: vue表单中的input标签v-model 绑定的值,默认情况下是自动转换成String类型的,但是有时候我们不希望它自动转换,该怎么做呢?
1,使用number将绑定的v-model改为number类型
<el-input type='number' v-model.number='age'></el-input>
2,下拉框的option绑定的value是数字,但v-model为String类型的情况,使用:value
<el-select v-model='menuForm.type' placeholder='请选择菜单级别'> <el-option label='系统' :value='0'></el-option> <el-option label='模块' :value='1'></el-option> <el-option label='功能' :value='2'></el-option></el-select>
以上这篇vue绑定数字类型 value为数字的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持好吧啦网。
相关文章: