vue綁定數字類型 value為數字的實例
直接加:
<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為數字的實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。
相關文章:
1. React+umi+typeScript創建項目的過程2. ASP.NET Core 5.0中的Host.CreateDefaultBuilder執行過程解析3. SharePoint Server 2019新特性介紹4. ASP中常用的22個FSO文件操作函數整理5. 三個不常見的 HTML5 實用新特性簡介6. ASP調用WebService轉化成JSON數據,附json.min.asp7. .Net core 的熱插拔機制的深入探索及卸載問題求救指南8. 無線標記語言(WML)基礎之WMLScript 基礎第1/2頁9. 讀大數據量的XML文件的讀取問題10. 解決ASP中http狀態跳轉返回錯誤頁的問題
