vue+elementUI中el-radio設(shè)置默認值方式
更新時間：2023年12月02日 10:42:57 作者：恩婧
這篇文章主要介紹了vue+elementUI中el-radio設(shè)置默認值方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue elementUI中el-radio設(shè)置默認值
如果后臺返回的單選框的值是number：單選框的lable需要設(shè)置成 :lable=‘0’;
如下：
<el-form-item label="仿牌選項：" prop="ifCod" size="mini" class='form-label'>
<div id='radio' >
<el-radio class='m0' :disabled="disable" v-model="form.ifCod" :label="0" >普貨</el-radio>
<el-radio class='m0' :disabled="disable" v-model="form.ifCod" :label="1" >仿牌</el-radio>
</div>
</el-form-item> data(){
return {
form:{
ifCode:0
}
}
}
后臺返回的是字符串 則正常寫；
<el-form-item label="仿牌選項：" prop="ifCod" size="mini" class='form-label'>
<div id='radio' >
<el-radio class='m0' :disabled="disable" v-model="form.ifCod" label="0" >普貨</el-radio>
<el-radio class='m0' :disabled="disable" v-model="form.ifCod" label="1" >仿牌</el-radio>
</div>
</el-form-item> data(){
return {
form:{
ifCode:'0'
}
}
}elementUI單選框radio傳值問題
從后端查詢到單選框的文本及id，在表單中遍歷出單選按鈕，在提交表單時需要向后臺提交id而不是文本值
后臺提供的單選數(shù)據(jù)：
原先寫的代碼：
:label的值會綁定到v-model上，這樣寫的話傳給后臺的是文本值。
修改過后：
<el-radio-group v-model="form.type_property">
<el-radio v-for="item in propertyOptions" :key="item.Value" :label="item.Value">{{item.Text}}</el-radio>
</el-radio-group>
這樣傳給后臺的就是value值啦
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解Vue如何實現(xiàn)顏色選擇與調(diào)色板功能
顏色選擇和調(diào)色板是Web開發(fā)中常用的功能，Vue作為一個流行的JavaScript框架，可以方便地實現(xiàn)顏色選擇和調(diào)色板功能，本文講講如何在Vue中進行顏色選擇和調(diào)色板吧2023-06-06
這篇文章主要為大家介紹了vue中百度地圖定位及附近搜索功能使用步驟詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
本文主要介紹了vue實現(xiàn)監(jiān)控視頻直播的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-05-05
基于vue-cli npm run build之后vendor.js文件過大的解決方法
今天小編就為大家分享一篇基于vue-cli npm run build之后vendor.js文件過大的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了vue下拉列表的兩種實現(xiàn)方式比較，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-06-06
這篇文章主要介紹了VUE-ElementUI?時間區(qū)間選擇器的使用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
在Vue3中,有時我們需要直接操作DOM節(jié)點，本文主要介紹了Vue3獲取和操作DOM元素的項目實踐,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-08-08
今天小編就為大家分享一篇vue v-for直接循環(huán)數(shù)字實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
在使用Vue.js進行前端開發(fā)的過程中,Element?UI?是一個非常流行的UI庫,它提供了一套完整的組件來快速搭建美觀的用戶界面,但是我們經(jīng)常遇到一個問題使用Element?UI提供的el-date-picker組件時,嘗試自定義其樣式卻無法生效,所以本文給大家介紹如何解決這個問題2024-10-10
這篇文章主要為大家詳細介紹了如何使用Vue編寫一個簡單的日期選擇器,文中的示例代碼講解詳細,具有一定的借鑒價值,感興趣的小伙伴可以跟隨小編一起學習一下2023-12-12