vue綁定數(shù)字類型 value為數(shù)字的實(shí)例
直接加:
<el-select v-model='searchData.status' filterable placeholder='請(qǐng)選擇' @change='gamefilter' class='mr40'> <el-option label='開啟' :value=’0’></el-option> <el-option label='關(guān)閉' :value=’1’></el-option> <!-- <el-option label='關(guān)閉' :value=’1’> --> </el-select>
補(bǔ)充知識(shí):vue中input,select標(biāo)簽中v-model綁定的值為數(shù)字類型情形
背景: vue表單中的input標(biāo)簽v-model 綁定的值,默認(rèn)情況下是自動(dòng)轉(zhuǎn)換成String類型的,但是有時(shí)候我們不希望它自動(dòng)轉(zhuǎn)換,該怎么做呢?
1,使用number將綁定的v-model改為number類型
<el-input type='number' v-model.number='age'></el-input>
2,下拉框的option綁定的value是數(shù)字,但v-model為String類型的情況,使用:value
<el-select v-model='menuForm.type' placeholder='請(qǐng)選擇菜單級(jí)別'> <el-option label='系統(tǒng)' :value='0'></el-option> <el-option label='模塊' :value='1'></el-option> <el-option label='功能' :value='2'></el-option></el-select>
以上這篇vue綁定數(shù)字類型 value為數(shù)字的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. ASP新手必備的基礎(chǔ)知識(shí)2. asp文件用什么軟件編輯3. Docker 啟動(dòng)Redis 并設(shè)置密碼的操作4. CentOS郵箱服務(wù)器搭建系列——SMTP服務(wù)器的構(gòu)建( Postfix )5. PHP基礎(chǔ)之生成器4——比較生成器和迭代器對(duì)象6. JS中6個(gè)對(duì)象數(shù)組去重的方法7. vue+element開發(fā)一個(gè)谷歌插件的全過程8. Vue axios獲取token臨時(shí)令牌封裝案例9. 通過IEAD+Maven快速搭建SSM項(xiàng)目的過程(Spring + Spring MVC + Mybatis)10. 利用CSS制作3D動(dòng)畫

網(wǎng)公網(wǎng)安備