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="關閉" :value='1'></el-option> <!-- <el-option label="關閉" :value='1'> --> </el-select>
補充知識:vue中input,select標簽中v-model綁定的值為數(shù)字類型情形
背景: vue表單中的input標簽v-model 綁定的值,默認情況下是自動轉換成String類型的,但是有時候我們不希望它自動轉換,該怎么做呢?
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ù)字的實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
vue路由跳轉router-link清除歷史記錄的三種方式(總結)
這篇文章主要介紹了vue路由跳轉router-link清除歷史記錄的三種方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-04-04Vue 2.5.2下axios + express 本地請求404的解決方法
下面小編就為大家分享一篇Vue 2.5.2下axios + express 本地請求404的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02uniapp實現(xiàn)紅包動畫效果代碼實例(vue3)
uniapp作為一種基于Vue.js的前端框架,實現(xiàn)了一套代碼多端運行的理念,成為了眾多開發(fā)者的首選,下面這篇文章主要給大家介紹了關于uniapp實現(xiàn)紅包動畫效果的相關資料,需要的朋友可以參考下2024-01-01