elementUI?el-radio?無法點擊的問題解決
本文主要介紹了elementUI el-radio 無法點擊的問題解決,分享給大家,具體如下:
<el-form-item label="B端客戶類型" prop="user_type">
<template slot="label">
<span>B端客戶類型</span>
<el-tooltip effect="dark" placement="top" content="B端大客戶賬期有效,只有設置該類型的時候,以下參數(shù)才會被保存">
<i class="el-icon-info"></i>
</el-tooltip>
</template>
<el-radio v-model="form.user_type" v-for="(item,i) in userTagList" :key="i" :label="item.id">
{{item.name}}
</el-radio>
<el-button type="primary" round size="mini" @click="addUserTag">新增類型<i
class="el-icon-plus el-icon--right"></i>
</el-button>
</el-form-item>
這里有兩個坑,看你碰到哪一個
1、:label="item.id" 屬性是Number類型還是String類型,要與Model綁定也要保持一致
2、不支持先創(chuàng)建對象再賦值的方式,可以改成如下這種
form = Object.assign(form,form.identity); form.user_type = String(form.user_type); this.form = form;
到此這篇關于elementUI el-radio 無法點擊的問題解決的文章就介紹到這了,更多相關element el-radio無法點擊內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
vue展示dicom文件醫(yī)療系統(tǒng)的實現(xiàn)代碼
這篇文章主要介紹了vue展示dicom文件醫(yī)療系統(tǒng)的實現(xiàn)代碼,非常不錯,具有一定的參考借鑒加載,需要的朋友可以參考下2018-08-08
Vue項目中使用better-scroll實現(xiàn)一個輪播圖自動播放功能
better-scroll是一個非常非常強大的第三方庫 在移動端利用這個庫 不僅可以實現(xiàn)一個非常類似原生ScrollView的效果 也可以實現(xiàn)一個輪播圖的效果。這篇文章主要介紹了Vue項目中使用better-scroll實現(xiàn)一個輪播圖,需要的朋友可以參考下2018-12-12
vue的axios請求改變content-type為form-data問題
這篇文章主要介紹了vue的axios請求改變content-type為form-data問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-09-09
詳解webpack + vue + node 打造單頁面(入門篇)
本篇文章主要介紹了詳解webpack + vue + node 打造單頁面(入門篇) ,非常具有實用價值,需要的朋友可以參考下2017-09-09
vue+element使用動態(tài)加載路由方式實現(xiàn)三級菜單頁面顯示的操作
這篇文章主要介紹了vue+element使用動態(tài)加載路由方式實現(xiàn)三級菜單頁面顯示的操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08

