欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue綁定數(shù)字類型 value為數(shù)字的實例

 更新時間:2020年08月31日 08:37:57   作者:丸子丸子丸子醬  
這篇文章主要介紹了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指令與$nextTick 操作DOM的不同之處

    詳解vue指令與$nextTick 操作DOM的不同之處

    這篇文章主要介紹了vue指令與$nextTick 操作DOM的不同之處,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-08-08
  • vue路由跳轉router-link清除歷史記錄的三種方式(總結)

    vue路由跳轉router-link清除歷史記錄的三種方式(總結)

    這篇文章主要介紹了vue路由跳轉router-link清除歷史記錄的三種方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • 解決v-if 與 v-for 同時使用報錯的問題

    解決v-if 與 v-for 同時使用報錯的問題

    在進行項目開發(fā)的時候因為在一個標簽上同時使用了v-for和v-if兩個指令導致的報錯,遇到這個問題如何解決呢?下面小編給大家?guī)砹岁P于v-if 與 v-for 使用報錯問題分析及解決方法,一起看看吧
    2022-03-03
  • Vue 2.5.2下axios + express 本地請求404的解決方法

    Vue 2.5.2下axios + express 本地請求404的解決方法

    下面小編就為大家分享一篇Vue 2.5.2下axios + express 本地請求404的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-02-02
  • Vue中跨域及打包部署到nginx跨域設置方法

    Vue中跨域及打包部署到nginx跨域設置方法

    這篇文章主要介紹了Vue中跨域以及打包部署到nginx跨域設置方法,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-08-08
  • 在antd Table中插入可編輯的單元格實例

    在antd Table中插入可編輯的單元格實例

    這篇文章主要介紹了在antd Table中插入可編輯的單元格實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-10-10
  • vue的h5日歷組件實現(xiàn)詳解

    vue的h5日歷組件實現(xiàn)詳解

    這篇文章主要為大家詳細介紹了vue的h5日歷組件使用方法,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-09-09
  • uniapp實現(xiàn)紅包動畫效果代碼實例(vue3)

    uniapp實現(xiàn)紅包動畫效果代碼實例(vue3)

    uniapp作為一種基于Vue.js的前端框架,實現(xiàn)了一套代碼多端運行的理念,成為了眾多開發(fā)者的首選,下面這篇文章主要給大家介紹了關于uniapp實現(xiàn)紅包動畫效果的相關資料,需要的朋友可以參考下
    2024-01-01
  • 前端vue項目debugger調試操作詳解

    前端vue項目debugger調試操作詳解

    在vue項目調試的時候,代碼里面標注debugger,這篇文章主要給大家介紹了關于前端vue項目debugger調試操作的相關資料,文中通過圖文介紹的非常詳細,需要的朋友可以參考下
    2024-05-05
  • Vue.js 中的 $watch使用方法

    Vue.js 中的 $watch使用方法

    本篇文章中主要介紹了Vue.js 中的 $watch使用方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-05-05

最新評論