vue繫結數字型別 value為數字的例項
阿新 • • 發佈:2020-09-01
直接加:
<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為數字的例項就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。