vue綁定數(shù)字類型 value為數(shù)字的實例
直接加:
<el-select v-model='searchData.status' filterable placeholder='請選擇' @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>
補充知識:vue中input,select標簽中v-model綁定的值為數(shù)字類型情形
背景: vue表單中的input標簽v-model 綁定的值,默認情況下是自動轉(zhuǎn)換成String類型的,但是有時候我們不希望它自動轉(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='請選擇菜單級別'> <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ù)字的實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. Spring Boot和Thymeleaf整合結(jié)合JPA實現(xiàn)分頁效果(實例代碼)2. 詳解Android studio 動態(tài)fragment的用法3. 圖文詳解vue中proto文件的函數(shù)調(diào)用4. 解決Android studio xml界面無法預(yù)覽問題5. php模擬實現(xiàn)斗地主發(fā)牌6. 什么是python的自省7. Vue封裝一個TodoList的案例與瀏覽器本地緩存的應(yīng)用實現(xiàn)8. Vuex localStorage的具體使用9. vue 使用localstorage實現(xiàn)面包屑的操作10. .Net Core使用Coravel實現(xiàn)任務(wù)調(diào)度的完整步驟

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