vue綁定數(shù)字類型 value為數(shù)字的實(shí)例
更新時(shí)間：2020年08月31日 08:37:57 作者：丸子丸子丸子醬
這篇文章主要介紹了vue綁定數(shù)字類型 value為數(shù)字的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
直接加:
<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è)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue指令與$nextTick 操作DOM的不同之處,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-08-08
vue路由跳轉(zhuǎn)router-link清除歷史記錄的三種方式(總結(jié))
這篇文章主要介紹了vue路由跳轉(zhuǎn)router-link清除歷史記錄的三種方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
解決v-if 與 v-for 同時(shí)使用報(bào)錯(cuò)的問(wèn)題
在進(jìn)行項(xiàng)目開發(fā)的時(shí)候因?yàn)樵谝粋€(gè)標(biāo)簽上同時(shí)使用了v-for和v-if兩個(gè)指令導(dǎo)致的報(bào)錯(cuò)，遇到這個(gè)問(wèn)題如何解決呢？下面小編給大家?guī)?lái)了關(guān)于v-if 與 v-for 使用報(bào)錯(cuò)問(wèn)題分析及解決方法，一起看看吧2022-03-03
Vue 2.5.2下axios + express 本地請(qǐng)求404的解決方法
下面小編就為大家分享一篇Vue 2.5.2下axios + express 本地請(qǐng)求404的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
這篇文章主要介紹了Vue中跨域以及打包部署到nginx跨域設(shè)置方法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了在antd Table中插入可編輯的單元格實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10
這篇文章主要為大家詳細(xì)介紹了vue的h5日歷組件使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-09-09
uniapp實(shí)現(xiàn)紅包動(dòng)畫效果代碼實(shí)例(vue3)
uniapp作為一種基于Vue.js的前端框架,實(shí)現(xiàn)了一套代碼多端運(yùn)行的理念,成為了眾多開發(fā)者的首選,下面這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)紅包動(dòng)畫效果的相關(guān)資料,需要的朋友可以參考下2024-01-01
前端vue項(xiàng)目debugger調(diào)試操作詳解
在vue項(xiàng)目調(diào)試的時(shí)候,代碼里面標(biāo)注debugger,這篇文章主要給大家介紹了關(guān)于前端vue項(xiàng)目debugger調(diào)試操作的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2024-05-05
本篇文章中主要介紹了Vue.js 中的 $watch使用方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05