1. 程式人生 > 程式設計 >vue繫結數字型別 value為數字的例項

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為數字的例項就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。